Member Profile page: Edit Member Access and Permissions

[therealslimhsiehdy]

Issue description

We have a Member Profile page that shows the information for an invited or active user in the organization. Right now, the gear icon edits results in an edit form that is just a stub and we want to change this stub to allow for editing roles and permissions for a user.

Acceptance criteria

• Figma design here - manage button

• On the "Member manage" page, in the "Member access and permissions section" the "Edit" button should be actionable (clicking the Edit button goes to this Figma
• Should also have breadcrumbs at the top for "Members > Manage members > " and the current page (not clickable) of "Member access and permissions"
• Follow the Figma's headers, text and match the conditional logic of the add a new member flow, specifically the Member access portion.
• Make sure to have "Cancel" and "Update member" button + functionality at the bottom
• Clicking either "Update member" or "cancel" takes the user to the Member Profile page, but the Update member button will a success message that matches annotation 1.
• Any form errors show on the page when clicking Update member, follow best practices with error wording.

Additional context

Links to other issues

• Blocked by Org Member Page - Invite A New Member (INVITATION ONLY) #2854
• Blocked by Manage Profile Page - "Editable" view AND "true read only" view #2789

[abroddrick]

Hey @gabydisarli or @AnnaGingle can either of you answer this: "Does "update member" redirect on save to this Edit page?"

[gabydisarli]

No, it goes back to their Member profile (Manage member page) with the success message at the top

@abroddrick