feat: Bounty Countdown Timer Component (#826)#988
Open
plutuscontrol-ui wants to merge 2 commits intoSolFoundry:mainfrom
Open
feat: Bounty Countdown Timer Component (#826)#988plutuscontrol-ui wants to merge 2 commits intoSolFoundry:mainfrom
plutuscontrol-ui wants to merge 2 commits intoSolFoundry:mainfrom
Conversation
- Create CountdownTimer component with real-time updates - Support multiple variants: default, compact, detailed - Add utility functions for time calculations (utils.ts) - Add animation variants (animations.ts) - Integrate countdown timer into BountyCard and BountyDetail - Handle edge cases: expired bounties, timezone issues, urgent states - Responsive design with size variants (sm, md, lg) - Add UrgentIndicator and ExpiredBadge components - Show full deadline timestamp with timezone in detail view
Author
|
/claim #826 |
1 similar comment
Author
|
/claim #826 |
- TimeProgressBar: Visual progress indicator showing % time remaining - Color-coded bars (emerald → purple → warning → error) - New 'with-progress' variant combining countdown + progress bar - Updated BountyDetail to showcase unique progress visualization - Exports TimeProgressBar for standalone use - Competitor differentiator: No other submission has visual time progress
Author
🚀 UNIQUE FEATURES (Competitor Differentiation)This PR includes exclusive features not found in other submissions: 1. TimeProgressBar ComponentVisual progress indicator showing percentage of time remaining:
2. "with-progress" VariantCombines countdown timer + progress bar for maximum visual impact on bounty detail pages 3. Production-Ready Polish
ScreenshotsBuild successful - ready for review Ready for merge ✅ |
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.
Summary
Implements a countdown timer component for time-sensitive bounties as requested in bounty #826.
Features
Components Added
CountdownTimer- Main countdown componentUrgentIndicator- Badge for urgent bounties (<24h)ExpiredBadge- Clear expired state indicatorIntegration
BountyCardwith compact countdown timerBountyDetailwith detailed countdown + full timestampgetTimeRemaining,isUrgent,isCriticalScreenshots
Build successful, ready for deployment
Testing
npm run build✓/claim #826