Skip to content

feat: add skeleton loading state to CreatorProfileStatRow (#206) - #219

Merged
Chucks1093 merged 1 commit into
accesslayerorg:mainfrom
temisan0x:feat/profile-stats-row-skeleton
May 1, 2026
Merged

feat: add skeleton loading state to CreatorProfileStatRow (#206)#219
Chucks1093 merged 1 commit into
accesslayerorg:mainfrom
temisan0x:feat/profile-stats-row-skeleton

Conversation

@temisan0x

Copy link
Copy Markdown
Contributor

Summary

Adds a dedicated skeleton loading state to CreatorProfileStatRow to prevent layout shift during data hydration.

Changes

  • src/components/ui/skeleton.tsx — new reusable Skeleton primitive (animate-pulse + bg-white/[0.08])
  • src/components/common/CreatorProfileStatRow.tsx — added isLoading and skeletonCount props; skeleton mirrors exact dimensions and classes of CreatorProfileStatItem
  • src/components/common/__tests__/CreatorProfileStatRow.test.tsx — new tests covering loaded state, skeleton state, and placeholder card count

Test results

  • 3 new tests added — all pass
  • 5 failures in KeySupplyBadge.test.tsx are pre-existing (confirmed on main baseline: 7 failed before this PR, now 5)

Validation

pnpm lint  # clean
pnpm test  # 3 new tests pass

Closes #206

@drips-wave

drips-wave Bot commented Apr 28, 2026

Copy link
Copy Markdown

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

@Chucks1093
Chucks1093 merged commit d5c2a1a into accesslayerorg:main May 1, 2026
1 check passed
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.

Add profile stats row skeleton state

2 participants