Skip to content

feat(ui): add loading skeleton screens for async list views (#163) - #263

Open
lmduy2612 wants to merge 1 commit into
Dorisio:mainfrom
lmduy2612:feat/issue-163-loading-skeleton-screens
Open

lmduy2612 wants to merge 1 commit into
Dorisio:mainfrom
lmduy2612:feat/issue-163-loading-skeleton-screens

Conversation

@lmduy2612

Copy link
Copy Markdown

Closes #163.

Summary of Changes

  • Adds reusable SkeletonListItem and SkeletonList components in src/components/shared/skeleton.tsx for standard avatar/icon and multi-line row list layouts.
  • Implements TopTippersTableSkeleton and ActivityFeedSkeleton in src/components/shared/creator-skeletons.tsx matching the exact column, typography, and card dimensions of live lists.
  • Updates ActivityFeed to render ActivityFeedSkeleton while loading === true and items have not loaded, cleanly replacing empty states and removing skeletons immediately upon data arrival.
  • Updates TopTippersTable to support loading?: boolean prop and display TopTippersTableSkeleton during data fetching.
  • Updates creator profile page and dashboard to render TransactionTableSkeleton while recent tips/transactions are fetching without jarring empty flashes.
  • Adds comprehensive test coverage in src/test/unit/loading-skeleton-screens.test.tsx as well as unit tests in activity-feed.test.tsx, top-tippers-table.test.tsx, and creator-skeletons.test.tsx (all 34 tests passing).

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.

feat: Add loading skeleton screens for async list views

1 participant