Skip to content

feat: Toast Notification System (Bounty #825)#1028

Open
liuyuzhe530 wants to merge 1 commit intoSolFoundry:mainfrom
liuyuzhe530:feat/toast-notification-system
Open

feat: Toast Notification System (Bounty #825)#1028
liuyuzhe530 wants to merge 1 commit intoSolFoundry:mainfrom
liuyuzhe530:feat/toast-notification-system

Conversation

@liuyuzhe530
Copy link
Copy Markdown

Bounty: Toast Notification System (Bounty #825)

Reward: 150,000 $FNDRY | Tier: T1 | Domain: Frontend

What was built

A complete toast notification system matching all acceptance criteria:

  • 4 variants: success (emerald), error (red), warning (amber), info (cyan)
  • Auto-dismiss after configurable duration (default 5s) with visual countdown progress bar
  • Slide-in animation from top-right corner
  • Toast stacking — up to 5 toasts displayed simultaneously, oldest removed first
  • Accessible — role="alert", aria-live="polite", keyboard-dismissible
  • Global API — showToast(variant, title, description, duration) and toast.success/error/warning/info() functions
  • SolFoundry dark theme — forge-900 bg, forge border, brand color accents

Files changed

  • frontend/src/components/ui/Toast.tsx — new toast component + provider
  • frontend/src/main.tsx — wrapped app in ToastProvider

Usage

import { toast } from '@/components/ui/Toast';

toast.success('Bounty Claimed!', 'Your submission is under review.');
toast.error('Transaction Failed', 'Insufficient funds in your wallet.');
toast.warning('Deadline Approaching', '2 hours remaining to submit.');
toast.info('New Bounty Available', 'Check the bounty board for opportunities.');

Closes #825

- ToastProvider with success/error/warning/info variants
- Auto-dismiss with countdown progress bar (configurable duration)
- Slide-in animation from top-right
- Stacks up to 5 toasts
- Global showToast() function for use anywhere
- SolFoundry dark forge theme with emerald/amber/red/cyan accents
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

missing-wallet PR is missing a Solana wallet for bounty payout

Projects

None yet

Development

Successfully merging this pull request may close these issues.

🏭 Bounty T1: Toast Notification System

2 participants