✨ Talent mobility options form

[esizer]

✨ Feature

Inline form for editing a users talent management options, to be placed on the "Career planning" page.

🕵️ Details

This will be a new inline form using the mutations/queries defined in the backend data for Career planning ticket.

The section subheading includes a status icon, showing error if any fields are empty, and success if all fields are filled.

🎨 Design

Design link, @JoshBeveridge

📸 Screenshot

Please see figma

🙋‍♀️ Proposed Implementation

Create a new component under ~/pages/Users/CareerPlanning/components that uses the ToggleSection to include an inline form.

If the page stub is completed, include the component on the page under the second section as the first item.

🌎 Localization

✅ Acceptance Criteria

• Inline editing form component created
  • Radio buttons are required, checkboxes or checkbox groups are not
  • "Missing information" labels appear, the the overall status is incomplete, if any of the fields are null. Empty arrays are okay.
  • In the view mode, checkboxes are represented along with a green/grey icon, radio buttons are not.
• Connected to API (queries, mutations)
• If page exists, added to page in correct location
  • set the status of the Table of Contents entries.
• Design review by @JoshBeveridge
• Language review by @NienkeBr

🛑 Blockers

Blocked By

Preview Give feedback

1. ✨ Backend data for Government Career Planning Employee Profile #12001
   feature +1
   

[github-actions]

Status: Ready to merge ✔️

Issues blocking this PR:

• ✨ Backend data for Government Career Planning Employee Profile #12001 ✔️

---

This comment was automatically written by the Blocking Issues bot, and this PR will be monitored for further progress.

[tristan-orourke]

Our current inline form component doesn't exactly match the design in figma. Don't worry about it, use the current component, we will update the component in its own ticket. We will update it everywhere consistently.