Bet Cancellation & Refund UI

[Divineifed1]

Priority: HIGH | Labels: frontend, bets, refund, user-actions

Description:
UI for canceling bets and processing refunds.

Implementation:

Add "Cancel Bet" button to components/bets/ActiveBetCard.tsx
Create components/bets/CancelBetModal.tsx - Cancellation reason form
Create components/bets/BetStatusBadge.tsx - Show "Cancelled" status
Update lib/api/bets.ts - Add cancelBet(betId, reason) call
Show refund amount and timeline in modal
Display cancellation in bet history
Toast notification on successful cancellation
Acceptance Criteria:
Users can cancel eligible bets, see refund details, cancellation recorded in history.

[PatrickKish1]

@PatrickKish1 has applied to work on this issue as part of the Stellar Wave Program's 4th wave.

I am applying to work on: “Bet Cancellation & Refund UI”. Cancelling money movement is emotionally charged—copy, disabled states, and server truth must align so users never think a refund landed when it is still pending. I would add CancelBetModal, wire cancelBet in lib/api/bets.ts, show refund amount + timeline, and persist cancellation in history with optimistic UI only where the API guarantees idempotency. I have built similar cancellation flows before where double-submit bugs were the main regression class.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @PatrickKish1 to this issue.

[dDevAhmed]

@dDevAhmed has applied to work on this issue as part of the Stellar Wave Program's 4th wave.

I’d like to work on this issue and plan to implement a clean, scalable solution aligned with Stellar Wave architecture. Happy to collaborate and ship within the expected timeline.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @dDevAhmed to this issue.

[drips-wave]

Congratulations, @dDevAhmed! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on April 29, 2026.

🧑‍💻 @dDevAhmed: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊

[mijinummi]

Hello maintainers I'm a full stack developer experience in building scalable systems I can handle this perfectly