Add invite realtime update to get started page

What does this MR do and why?

Additions

  • adds realtime update once invite is finished to mark the task, progress bar and sidebar percentage as update
  • adds invite success alert

Fixes

Screenshots or screen recordings

invite alert invite alert mobile invite video
Screenshot_2025-05-08_at_1.00.59_PM Screenshot_2025-05-08_at_1.01.15_PM Screen_Recording_2025-05-08_at_1.03.22_PM

How to set up and validate locally

  1. Setup gdk to simulate SaaS - https://docs.gitlab.com/ee/development/ee_features.html#simulate-a-saas-instance and restart GDK
  2. In rails console enable the feature flag
    Feature.enable(:learn_gitlab_redesign)
  3. Create a new group and project.
  4. In rails console, onboard that group that was just created
    ::Onboarding::Progress.onboard(Group.last)
  5. In the gitlab admin UI, edit the group to be on an ultimate trial plan(edit button from http://gdk.test:3000/admin/groups)
  6. In rails console(bundle exec rails c), change the trial, trial start and end date for the group
    Group.last.gitlab_subscription.update_columns(trial_starts_on: Date.today, trial_ends_on: 30.days.from_now, trial: true)
  7. Go to the get started path for the group/project: For instance, http://gdk.test:3000/logan225-group/logan225-project/-/get_started
  8. Expand Configure a project
  9. Click Invite your colleagues and invite a user.

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.

Related to #537653

Edited by Doug Stull

Merge request reports

Loading