Extract subscription users table into its own component
What does this MR do and why?
Extracts subscription users table on Usage quotas
> Seats
page into its own component to reduce complexity in subscription_seats.vue
component especially when we add more functionality to the users table. There is no change to the existing logic and is pretty much about moving the table out of subscription_seats.vue
into a new component, similar changes in test file too.
Related to #411949
Screenshots or screen recordings
No changes to UI, before and after should be identical
Scenario | Before | After |
---|---|---|
Free plan | ||
Premium plan (usage quota page includes guest members) | ||
Ultimate plan (usage quota page does not include guest members) | ||
Sort functionality | ||
User details | ||
Export | ScreenshotExport |
ScreenshotExport |
Filter - no users to display | ||
Filter - minimum 3 characters required | ||
Remove user | ScreenshotRemove_user |
ScreenshotRemove_user |
Cannot remove |
How to set up and validate locally
- Customers Dot needs to be setup in order to view the billing page for a group
- Start GDK in SaaS mode
GITLAB_SIMULATE_SAAS=1 gdk start
- Create a Group
- Buy a Subscription for your group from
Settings
>Billing
- Visit
/groups/<your-namespace-name>/-/usage_quotas#seats-quota-tab
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
Edited by Vamsi Vempati