Use shared group/project deletion modal for deletion on group lists

Peter Hegmanrequested to merge
397039-make-confirmation-modal-consistent-between-groups-and-projects-2 into master

What does this MR do and why?

Related to #397039

Currently we have some UX inconsistencies between the group and project deletion modals. In !212151 (merged) we refactored the project deletion modal to a shared component so it can be used for group deletion too. This MR uses that shared component on the group lists. In !213582 we will implement the same modal in the group settings. The final step will be making minor stylistic changes to the shared component to match designs in #397039

Screenshots or screen recordings

Delayed deletion

Before After
Screenshot_2025-11-20_at_1.56.04_PM Screenshot_2025-11-20_at_1.55.08_PM

Immediate deletion

Before After
Screenshot_2025-11-20_at_1.56.23_PM Screenshot_2025-11-20_at_1.55.35_PM

How to set up and validate locally

  1. Go to /dashboard/groups
  2. Click Delete in the quick actions
  3. Confirm the deletion
  4. Go to the Inactive tab
  5. Click Delete immediately from the quick actions
  6. Confirm the deletion

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.

Edited by Peter Hegman

Merge request reports