Add loading state to shared dashboard listing
What does this MR do and why?
Adds a loading state to the dashboards list.
Displays 2 sets of skeleton loaders (matching the 2 builtin Audience/behaviour dashboards we know will exist at minimum). 2 rows per skeleton to match the content.
Also updates the existing page-level loading spinner, which is now a skeleton also, in order to match our Pajamas guidance around mixing spinners and skeletons.
Note2: this feature is experimental and behind default-off feature flags.
Screenshots or screen recordings
| Before | After |
|---|---|
 |
 |
How to set up and validate locally
- Follow these instructions to setup Product Analytics in GDK.
- Visit the dashboards list for a not-yet-onboarded project at Project -> Analyze -> Analytics dashboards
- Verify the onboarding list item shows correctly. There should be no visible loading state in this case
- Visit the dashboards list for an already-onboarded project
- Verify loading state is shown while fetching dashboards
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.
Related to #396711 (closed)
Edited by Elwyn Benson