Skip to content

feat(ux): add skeleton components and Suspense boundaries for Stellar…#138

Open
mohadon0 wants to merge 1 commit into
wraith-protocol:developfrom
mohadon0:feat/stellar-skeleton-suspense
Open

feat(ux): add skeleton components and Suspense boundaries for Stellar…#138
mohadon0 wants to merge 1 commit into
wraith-protocol:developfrom
mohadon0:feat/stellar-skeleton-suspense

Conversation

@mohadon0

Copy link
Copy Markdown

… pages

  • Add SkeletonBlock primitive with animate-skeleton shimmer in index.css
  • Add StellarSendSkeleton mirroring Send page layout (header, form, simulation panel)
  • Add StellarReceiveSkeleton mirroring Receive page (meta-address card, scan, match list)
  • Add StellarWithdrawSkeleton mirroring Vault page (header, tab bar, deposit form)
  • Add StellarActivitySkeleton mirroring History page (header, filters, 5 activity rows)
  • Add StellarSettingsSkeleton mirroring Schedule page (header, form, schedule list)
  • Export all skeletons via src/components/Skeletons/index.ts barrel
  • Convert App.tsx to use React.lazy() + per-route Suspense boundaries with matching skeleton fallbacks so each route shows its skeleton while the JS chunk loads
  • Skeleton dimensions match final layout to prevent CLS (target ≤ 0.05 per page)
  • animate-skeleton respects prefers-reduced-motion via @media query

Closes: skeleton-suspense issue
closes #119

… pages

- Add SkeletonBlock primitive with animate-skeleton shimmer in index.css
- Add StellarSendSkeleton mirroring Send page layout (header, form, simulation panel)
- Add StellarReceiveSkeleton mirroring Receive page (meta-address card, scan, match list)
- Add StellarWithdrawSkeleton mirroring Vault page (header, tab bar, deposit form)
- Add StellarActivitySkeleton mirroring History page (header, filters, 5 activity rows)
- Add StellarSettingsSkeleton mirroring Schedule page (header, form, schedule list)
- Export all skeletons via src/components/Skeletons/index.ts barrel
- Convert App.tsx to use React.lazy() + per-route Suspense boundaries with matching
  skeleton fallbacks so each route shows its skeleton while the JS chunk loads
- Skeleton dimensions match final layout to prevent CLS (target ≤ 0.05 per page)
- animate-skeleton respects prefers-reduced-motion via @media query

Closes: skeleton-suspense issue
@vercel

vercel Bot commented Jul 25, 2026

Copy link
Copy Markdown

@mohadon0 is attempting to deploy a commit to the truthixify's projects Team on Vercel.

A member of the Team first needs to authorize it.

@drips-wave

drips-wave Bot commented Jul 25, 2026

Copy link
Copy Markdown

@mohadon0 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

@truthixify

Copy link
Copy Markdown
Contributor

Conflicts against develop after the merge cascade. Rebase and I will re-check.

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.

Loading skeletons + suspense boundaries

2 participants