Skip to content

feat: add loading skeleton animations for all pages (Bounty #827)#919

Open
liqiuniu wants to merge 7 commits intoSolFoundry:mainfrom
liqiuniu:loading-skeletons
Open

feat: add loading skeleton animations for all pages (Bounty #827)#919
liqiuniu wants to merge 7 commits intoSolFoundry:mainfrom
liqiuniu:loading-skeletons

Conversation

@liqiuniu
Copy link
Copy Markdown

@liqiuniu liqiuniu commented Apr 5, 2026

Summary

Adds professional shimmer loading skeletons for all data-loading states across the site. Addresses Bounty #827.


Components Added

` (new file)

A comprehensive skeleton component library:

Component Description
` Base shimmer block with gradient animation
` Matches BountyCard layout exactly
` Single leaderboard row skeleton
` Full table with header + rows
` Top 3 podium with varying heights
` Bounty detail page loading state
` Configurable grid (default/featured)

Pages Updated

Page Change
` Uses ` instead of simple pulse boxes
` Shows + while loading
` Uses ` with featured column layout
` Shows ` while fetching bounty
` Skeleton rows in My Bounties tab

Features

  • Shimmer animation - Smooth gradient sweep using existing ` CSS
  • Layout matching - Skeletons match actual component dimensions
  • Smooth transition - Content appears naturally after load
  • Configurable - ` prop for different grid layouts

Acceptance Criteria

  • Skeletons visible on all pages during data loading
  • Match the layout of actual content
  • Smooth transition when data loads

Testing

  1. Navigate to any page (Bounties, Leaderboard, Profile)
  2. Observe skeleton placeholders during API fetch
  3. Content smoothly replaces skeleton when loaded

Related

Bounty #827 鈥?#827

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.

1 participant