FE: Bring the cards design on Usage Quotas Pipelines to currently used in other tabs
Summary
The goal is to standardize the UI for all the items under the Namespace-level Usage quotas page.
Scope for this issue is limited to Pipelines tab: https://gitlab.com/groups/groupname/-/usage_quotas#pipelines-quota-tab
Requirements:
- update widgets/boxes
- bar to show usage progress
Availability & Testing
Regarding the feature, there should be a feature spec tests, that covers the addition of the usage progress bar. Depending on the changes to widgets/boxes another feature spec test could be added, or if the changes are not big, a jest/view spec should suffice.
Tests that might break on a larger changes should be updated/removed depending on the result of the changes.
Development plan
| title | MR |
|---|---|
| Clean up Storybook related stories (done) | !171518 (merged) |
| Split the cards into two separate components (in progress) | !171465 (merged) |
| Revise and apply the shared component for the new cards (statistics_card.vue) | !172270 (merged) |
| Follow-up: figure out difference between statistics_card and usage_statistics | /moving out to a separate maintenance task: #505018 |
Edited by Kos Palchyk