1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-11-10 01:19:53 +01:00
unleash.unleash/frontend/src/component/common/PrettifyLargeNumber
Thomas Heartman 45d48d12a9
Chore: add skeleton loaders for lifecycle trend numbers (#10103)
Adds skeleton loading indicators for the lifecycle trend tile numbers:
- total flag count
- median stats

In doing so, I have added the `data-loading` attribute to the
PrettifyLargeNumber component (to avoid having to wrap it in a separate
element for that alone), and have added refs to the InsightsSection
component.

The loading indicators look better in dark mode than in light mode,
because they use the same background color as the text box in light
mode, so only the big number is visible. There is a task in Linear to
look into fixing this.


<img width="1548" alt="image"
src="https://github.com/user-attachments/assets/9e58d681-724e-45cb-baa1-b824dda48008"
/>

<img width="1554" alt="image"
src="https://github.com/user-attachments/assets/7738fac0-5660-464f-8d10-1bf2eacc9ca0"
/>

---------

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
2025-06-10 09:35:32 +00:00
..
PrettifyLargeNumber.test.tsx feat: Unleash v7 ESM migration (#9877) 2025-05-14 09:47:12 +02:00
PrettifyLargeNumber.tsx Chore: add skeleton loaders for lifecycle trend numbers (#10103) 2025-06-10 09:35:32 +00:00