Skip to content

fix(dashboard): prevent layout shift by fixing statistics skeleton heights #224

Open
Johnsource-hub wants to merge 1 commit into
SwiftChainn:mainfrom
Johnsource-hub:fix/statistics-cls-loader
Open

fix(dashboard): prevent layout shift by fixing statistics skeleton heights #224
Johnsource-hub wants to merge 1 commit into
SwiftChainn:mainfrom
Johnsource-hub:fix/statistics-cls-loader

Conversation

@Johnsource-hub

Copy link
Copy Markdown

Summary

Resolved a severe Cumulative Layout Shift (CLS) on the dashboard statistics section caused by unconstrained skeleton loaders.

Work Done

  • Implemented strict min-height and min-width CSS constraints on the Statistics.tsx wrapper to match rendered data card dimensions.
  • Refactored implementation to follow the Layered Architecture pattern (Component -> Hook -> Service).
  • Integrated real backend API data retrieval; removed all inline mock objects.
  • Verified dimensional parity across mobile, tablet, and desktop breakpoints.

Testing & Verification

  • Lighthouse CLS Score: 0.00
  • Unit Tests: [Link/Screenshot of passing tests]
  • API Response: [Link/Screenshot of API payload]

Closes #156

@drips-wave

drips-wave Bot commented Jun 30, 2026

Copy link
Copy Markdown

@Johnsource-hub Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Fix: Statistics Section Skeleton Loader Cumulative Layout Shift

1 participant