Skip to content

Add a separate modal to show overage when user is promoted from guest

Add a Vue component that would be shown every time a user that is being promoted from Guest to a higher role.

Design here

This modal should live on the project members page (ex: gitlab-org/gitlab-shell/-/project_members)

Implementation details:

Task Status MR
Create modal UI behind FF workflowcomplete !105613 (merged)
Connect company name data to modal, similar to this MR workflowcomplete !106934 (merged)
  • We need to use a confirm_modal so that we can block the role dropdown change before the user selects an option in the overage modal

  • There is a similiar modal implemented in the InviteModalBase component but it is too tightly coupled with the invite members modal itself due to desired transition effect. Let's use every possibility to reuse links/styles from it.

  • We need to intercept event that is happening in RoleDropdown. Please keep in mind that it is not an EE component, we would need an EE wrapper above it with handleSelect/handleCancel listeners that would pause/continue the flow.

  • We are only interested to show the modal if the user is promoted from Guest. There is a more complex logic we want to use in the future described in the #199893 (comment 958470462) but for this issue it's enough

  • The component should be only used in RoleDropdown when show_overage_on_role_promotion feature flag is on.

Edited by Laura Callahan