Skip to content

feat: add payment success state UI#76

Merged
codebestia merged 1 commit into
ShadeProtocol:mainfrom
manueldezman:feat/payment-success-ui-52
Jun 3, 2026
Merged

feat: add payment success state UI#76
codebestia merged 1 commit into
ShadeProtocol:mainfrom
manueldezman:feat/payment-success-ui-52

Conversation

@manueldezman
Copy link
Copy Markdown
Contributor

@manueldezman manueldezman commented May 31, 2026

Closes #52


Summary

Implements a paid-state success experience for the /pay flow so users get clear, reassuring feedback after confirming payment.

Changes

  • Added a new PaymentSuccess component with:
    • Green success checkmark treatment
    • Heading text: Payment Successful!
    • Reassuring success copy
    • Dummy Download Receipt button
  • Updated PayTabs to:
    • Track local paid state
    • Trigger success state after manual-transfer confirmation + short mock verification delay
    • Replace the payment tabs/form with the success component when paid
  • Kept connected-wallet behavior unchanged (still mock “wallet connected” flow)
  • Fixed unescaped JSX text in manual transfer helper copy to satisfy linting
  • Updated success paragraph text color to white per UI preference

Verification

  • npm run typecheck
  • npm run format:check
  • npm run lint

Notes

This success state is intentionally local UI state only; refreshing /pay returns users to the payment form.
Screenshot from 2026-05-31 15-47-11

@drips-wave
Copy link
Copy Markdown

drips-wave Bot commented May 31, 2026

@manueldezman Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

Copy link
Copy Markdown
Contributor

@codebestia codebestia left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!
Thanks

@codebestia codebestia merged commit 330e827 into ShadeProtocol:main Jun 3, 2026
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.

Implement Payment Success Animation/UI

2 participants