Skip to content

feat: add payment success state UI#76

Open
manueldezman wants to merge 1 commit into
ShadeProtocol:mainfrom
manueldezman:feat/payment-success-ui-52
Open

feat: add payment success state UI#76
manueldezman wants to merge 1 commit into
ShadeProtocol:mainfrom
manueldezman:feat/payment-success-ui-52

Conversation

@manueldezman
Copy link
Copy Markdown

@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

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

1 participant