Add variant prop to DuoWorkflowAction

What does this MR do and why?

Adds the GlButton variant prop to the DuoWorkflowAction component and uses that prop and the size prop to adjust size and variant of the button as used in the run agent flow form.

References

Screenshots or screen recordings

This MR adds a prop to a component but also uses the new prop in one usage. Below you can see that the existing size prop and the new variant prop were used to pass a size and variant to the base GlButton component:

Before After
gdk.test_3000_flightjs_Flight_-automate_agent-sessions_new__2 gdk.test_3000_flightjs_Flight_-automate_agent-sessions_new__1

How to set up and validate locally

  1. Check out this branch
  2. Visit a "start agent session" page in the gdk (for example, http://gdk.test:3000/flightjs/Flight/-/automate/agent-sessions/new)
  3. You will see that the primary call to action button has the "medium" size.
  4. Type some prompt to make the button not disabled
  5. You will see that the button is the "Confirm" variant.

MR acceptance checklist

Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Merge request reports

Loading