Skip to content

feat: add bounty countdown timer component (#826)#1356

Open
CHY9213 wants to merge 1 commit into
SolFoundry:mainfrom
CHY9213:feat/bounty-countdown-timer
Open

feat: add bounty countdown timer component (#826)#1356
CHY9213 wants to merge 1 commit into
SolFoundry:mainfrom
CHY9213:feat/bounty-countdown-timer

Conversation

@CHY9213
Copy link
Copy Markdown

@CHY9213 CHY9213 commented May 27, 2026

Bounty Countdown Timer Component

Creates a countdown timer that shows time remaining until bounty deadline.

Features

  • Displays days, hours, minutes remaining
  • Updates in real-time (every 60 seconds, no page refresh needed)
  • Visual urgency indicators:
    • 🟢 Green (>24 hours remaining)
    • 🟡 Amber (<24 hours - warning)
    • 🔴 Red (<1 hour - urgent)
  • Shows "Expired" when deadline passes
  • Dark mode compatible (uses Tailwind dark: variants)
  • Lightweight: pure React + Tailwind, no external dependencies

Usage

import { BountyCountdownTimer } from '../components/bounty/BountyCountdownTimer';

// In bounty card or detail page:
<BountyCountdownTimer deadline={bounty.deadline} />
<BountyCountdownTimer deadline={bounty.deadline} className=text-base />

Closes #826

Wallet: 2oWEBzKDQo9KYxAFYMPrR8QiwKJia4vbSXrbV4ep7eTz

Create a countdown timer component that displays time remaining
until bounty deadline with visual urgency indicators.

Features:
- Shows days, hours, minutes remaining
- Updates in real-time (every 60s)
- Color changes: green >24h, amber <24h, red <1h
- Shows 'Expired' when deadline passes
- Dark mode compatible

Closes SolFoundry#826

Wallet: <YOUR_SOLANA_WALLET_ADDRESS>
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.

🏭 Bounty T1: Bounty Countdown Timer Component

1 participant