Skip to content

Add transaction feedback system with success toasts and trade panel error boundary #546

Description

@Chucks1093

Summary

The trade flow currently gives the user no visible feedback after a confirmed transaction and crashes the full page on unexpected render errors inside the panel. Both gaps should be addressed together since they are two sides of the same trade panel reliability story.

Scope

  • Add a success toast after buy confirmation: Bought {n} key{s} from {creator}
  • Add a success toast after sell confirmation: Sold {n} key{s} from {creator}
  • Toasts auto-dismiss after 4 seconds; error toasts are out of scope for this issue
  • Wrap the trade panel in a React error boundary; fallback UI shows an inline error message and a retry button that resets the boundary
  • The rest of the page (header, creator info, holdings) must remain mounted when the panel errors

Acceptance Criteria

  • Success toast appears after buy confirmation with correct content
  • Success toast appears after sell confirmation with correct content
  • Toast auto-dismisses after 4 seconds
  • Error boundary catches render errors inside the trade panel
  • Retry button resets the boundary and remounts the panel
  • Page outside the panel stays mounted on panel error

ETA: 12 hours


Coordinate on Telegram

Metadata

Metadata

Assignees

Labels

GrantFox OSSIssue tracked in GrantFox OSSMaybe RewardedIssue may be eligible for a GrantFox rewardOfficial Campaign | FWC26Campaign: Official Campaign | FWC26

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions