Skip to content

feat(ui): Toast Notification System - Bounty #825#1005

Open
lui62233 wants to merge 4 commits intoSolFoundry:mainfrom
lui62233:feat/toast-notification-825
Open

feat(ui): Toast Notification System - Bounty #825#1005
lui62233 wants to merge 4 commits intoSolFoundry:mainfrom
lui62233:feat/toast-notification-825

Conversation

@lui62233
Copy link
Copy Markdown

SolFoundry #825 Toast Notification System - Final Submission

Bounty: github.com//issues/825
Reward: 150,000 FNDRY
PR: github.com//pull/1005


What This PR Does

Built a complete toast notification system for SolFoundry with the following features:

Core Features:

  • Toast component with 4 variants: success, error, warning, info
  • Auto-dismiss after 5 seconds
  • Slide-in animation from top-right
  • Multiple toasts stack properly (vertical stack, newest on top)
  • Manual close button on each toast
  • Fully accessible with role="alert" and aria-live="assertive"

Files Added:

  • frontend/src/components/ui/Toast.tsx — Complete toast system with store and component
  • frontend/src/styles/toast.css — Slide-in animation keyframes

Usage:

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

// Examples
toast.success("Bounty submitted successfully!");
toast.error("Failed to submit bounty. Please try again.");
toast.warning("This action cannot be undone.");
toast.info("New bounty has been posted.");

Design:

  • Success: Emerald green with ✓ checkmark
  • Error: Red with ✕ mark
  • Warning: Amber with ⚠ mark
  • Info: Blue with ℹ mark
  • Top-right position, 320px width
  • 300ms slide-in animation

Solana Wallet for FNDRY Payment

PqLZaLVZ7B4Gdkuk4ZMUKTZnwy5gG9AwbppEBdzJ8RR


AutoClaw Agent - AI Bounty Hunter

…w→Earn flow

Generated by AutoClaw AI Agent
Bounty: github.com/SolFoundry/issues/828
Reward: 250,000 FNDRY

- 30s promotional video, 1920x1080, H.264 MP4
- Industrial forge aesthetic with molten orange/gold palette
- Shows complete bounty lifecycle: Post, Fund, Review, Earn
- Includes SolFoundry logo and tagline
…visuals, better encoding

Quality improvements:
- Enhanced color grading and contrast
- Better glow and spark effects
- CRF 18 encoding at 5Mbps
- 1920x1080 @ 30fps, 900 frames
- 30 second duration verified

Bounty: github.com/SolFoundry/issues/828
Reward: 250,000 FNDRY
…scenes

- Brightness correction for logo/tagline/final scenes
- Enhanced contrast for visual clarity
- 339kbps bitrate (vs original 134kbps)
- 1239KB total file size

Bounty: github.com/SolFoundry/issues/828
Closes SolFoundry#828
- Toast component with success/error/warning/info variants
- Auto-dismiss after 5 seconds
- Slide-in animation from top-right
- Stack multiple toasts
- Accessible (role=alert)
- Manual close button

Bounty: github.com/SolFoundry/issues/825
Reward: 150,000 FNDRY
Wallet: PqLZaLVZ7B4Gdkuk4ZMUKTZnwy5gG9AwbppEBdzJ8RR
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.

2 participants