Skip to content

Add toast notifications and global loading states #278

@ogazboiz

Description

@ogazboiz

Join our community: https://t.me/+DOylgFv1jyJlNzM0

Description

User actions need feedback. There are no toast notifications or global loading indicators. This is important for async blockchain operations where users need to know something is happening.

What Needs to Happen

  • Install and wire react-hot-toast (or similar) in the root layout
  • Success toasts: stream created, withdrawal confirmed, top-up sent, stream cancelled, stream paused/resumed
  • Error toasts: wallet rejected, network error, insufficient balance, invalid address
  • Loading spinners on all async data fetches (skeleton placeholders for stream lists)
  • Buttons disabled with spinner while transaction is pending

Files

  • frontend/src/app/layout.tsx

Acceptance Criteria

  • Every user action shows success or error toast
  • Skeleton loaders shown during data fetches
  • Buttons non-interactive while tx is pending

Metadata

Metadata

Assignees

Labels

Stellar WaveIssues in the Stellar wave programfrontendFrontend related tasks

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions