Update analytics dashboards panels to use the GitLab UI component
What does this MR do and why?
This MR updates the analytics dashboards panels to use the GitLab UI component rather than the component in the GitLab repo.
References
Please include cross links to any resources that are relevant to this MR. This will give reviewers and future readers helpful context to give an efficient review of the changes introduced.
- Add dashboard panel component (gitlab-org/gitlab-services/design.gitlab.com#1643 - closed)
- Add dashboard panel component to GitLab-UI (&14541 - closed)
- Add dashboard panel component (gitlab-ui#2764 - closed)
- Add dashboard panel component (gitlab-ui!4852 - merged)
MR acceptance checklist
Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.
Screenshots or screen recordings
| Scenario | Before (GitLab component) | After (GitLab UI component) |
|---|---|---|
| Custom dashboard |  |
 |
| Editing custom dashboard |  |
 |
| Built in dashboard |  |
 |
| Small panel |  |
 |
How to set up and validate locally
- You need a GitLab Ultimate license.
- Follow the guide to enable product analytics on your GDK.
- Navigate to Project > Analytics > Analytics dashboards.
- Select a dashboard and check that panels are rendered properly.
- Navigate back to the dashboards list and select a dashboard not “Created by GitLab”, or create a new one using New dashboard.
- Verify that panels render correctly on your custom dashboard, even when editing.
- Navigate back to the dashboards list and select Data explorer.
- Verify that panels render correctly in the previewer.