Skip to content

feat(frontend): add toast notification system and transaction history list (Closes #48, #52) - #116

Open
ToryMic wants to merge 1 commit into
broda-spendy:mainfrom
ToryMic:feat/toast-and-transaction-list
Open

feat(frontend): add toast notification system and transaction history list (Closes #48, #52)#116
ToryMic wants to merge 1 commit into
broda-spendy:mainfrom
ToryMic:feat/toast-and-transaction-list

Conversation

@ToryMic

@ToryMic ToryMic commented Aug 14, 2026

Copy link
Copy Markdown
Contributor

Summary

Resolves two good first issue frontend tickets:

Changes

  • frontend/src/components/Toast.tsxToastProvider, presentational Toast, toast store context (useToastContext), AUTO_DISMISS_MS = 4000
  • frontend/src/components/Toast.module.css — fixed bottom-right viewport, per-type color/icon styling, entry animation, responsive
  • frontend/src/hooks/useToast.tsuseToast(){ toast, success, error, info, dismiss, clear }
  • frontend/src/components/TransactionList.tsx — typed Transaction / TransactionType / TransactionStatus, TransactionList, EmptyState
  • frontend/src/components/TransactionList.module.css — row/empty-state styling with design tokens
  • frontend/src/components/index.ts — exports the new components/types
  • frontend/src/main.tsx — wraps <App /> in <ToastProvider>
  • frontend/src/App.tsx — triggers toasts on connect/deposit/transfer/withdraw (replaces inline success banner) and demos the transaction list

Verification

  • cd frontend && npm install && npm run build — passes (tsc && vite build)

Notes

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.

1 participant