Problem
The Navbar component (lines 156, 223) uses alert() for wallet connection errors. The app has a Toast system (src/components/ui/Toast.tsx) that should be used instead. Browser alert() dialogs are modal, unstyled, and provide a poor UX.
Root Cause
Error handling was added before the toast system existed and was never updated.
What To Build
Replace both alert() calls in Navbar.tsx with addToast({ type: "error", message }) from the toast context.
Files To Touch
src/components/layout/Navbar.tsx — lines 156, 223 replace alert() with addToast()
Acceptance Criteria
Mandatory Checks
Problem
The Navbar component (lines 156, 223) uses
alert()for wallet connection errors. The app has a Toast system (src/components/ui/Toast.tsx) that should be used instead. Browseralert()dialogs are modal, unstyled, and provide a poor UX.Root Cause
Error handling was added before the toast system existed and was never updated.
What To Build
Replace both
alert()calls in Navbar.tsx withaddToast({ type: "error", message })from the toast context.Files To Touch
src/components/layout/Navbar.tsx— lines 156, 223 replace alert() with addToast()Acceptance Criteria
alert()calls remain in Navbar.tsxMandatory Checks