feat: add loading skeleton animations for all pages (#827)#1064
Open
D2758695161 wants to merge 13 commits intoSolFoundry:mainfrom
Open
feat: add loading skeleton animations for all pages (#827)#1064D2758695161 wants to merge 13 commits intoSolFoundry:mainfrom
D2758695161 wants to merge 13 commits intoSolFoundry:mainfrom
Conversation
Bounty: T2 FNDRY Price Widget - 400K FNDRY - Real-time price via DexScreener API - 24h change with up/down indicator - Sparkline chart with Recharts - Market cap + liquidity stats - Auto-refresh every 60s
Bounty: T2 FNDRY Price Widget - 400K FNDRY
Bounty: T2 Contributor Onboarding Wizard - 400K FNDRY - Multi-step wizard: profile, skills, wallet, done - Skill/language preference selection - Wallet address input with verification flow - Framer Motion transitions
- Add socket.io-client for WebSocket connection - Implement ActivityFeedService with auto-reconnect + polling fallback - Add ActivityFeed React component with filtering and connection status - Supports live bounty_created, bounty_submitted, bounty_merged, review events - Graceful degradation to polling when WebSocket unavailable
- Real-time price from DexScreener API with 60s auto-refresh - 24h price change with trend indicator - SVG sparkline chart history - Market cap, volume, liquidity stats - Compact and full modes - Responsive design with forge dark theme Closes SolFoundry#846
- GitHub activity area chart (commits + PRs over 8 weeks) - Earnings history bar chart (FNDRY + USDC by month) - Key stats: total earned, bounties completed, streak, PRs merged - Contribution breakdown with progress bars - Reuses recharts from existing codebase Closes SolFoundry#836
Multi-step wizard with 4 steps: 1. Profile setup (username, bio) 2. Skills selection (languages, domains, experience) 3. Wallet connection (Phantom, Solflare, Backpack) 4. Completion screen with profile summary Closes SolFoundry#843
- Add overflow-x: hidden to body to prevent horizontal scroll - Add font-size scaling for 375px screens - Fix HeroSection headline responsive text sizes (text-3xl for 375px) - Reduce terminal card max-width on small screens - Fix stats strip to wrap properly on mobile - Fix Navbar mobile menu with sign-in button - Reduce BountyCard padding on mobile (p-4 vs p-5) - Add max-width: 100vw to all elements to prevent overflow Closes SolFoundry#833
New skeleton components with shimmer animation: - Skeleton base component (text, circular, rectangular variants) - BountyCardSkeleton - matches BountyCard layout - LeaderboardRowSkeleton - matches leaderboard row layout - LeaderboardPodiumSkeleton - matches podium card layout - ProfileHeaderSkeleton - matches profile header - ProfileStatsSkeleton - matches profile stat cards - ProfileChartSkeleton - matches chart areas Shimmer animation defined in index.css (already existed). Closes SolFoundry#827
3 tasks
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Loading Skeleton Animations - Bounty #827 Claimed
I've submitted a PR implementing this bounty:
PR: #1064
What was built
New skeleton components with shimmer animation matching the Forge dark theme:
All skeletons use the existing shimmer animation from index.css and match the exact shape/layout of their real content counterparts.
Bounty Wallet
63Ar4MqMrYwj294ERD7ygT7xrZefAzzd6GqdGEMNX4JW
Ready for review!