depends

[samad13]

I’m drafting a PR description from the implemented tip feature work and will tailor it to the provided template so it’s ready to paste.

What this PR does

• Adds a new Tip Donation flow to the frontend payment experience so users can send tips or donations using the existing payment wizard.
• Introduces configurable tip amounts with quick-select presets and a short message field.
• Displays a Top Tippers section for social proof and keeps the same review and confirmation flow used for other payments.
• No breaking changes.
• No migrations or data changes.

Changes

• Extended the payment type picker to include Tip Donation.
• Added tip-specific configuration UI with preset amounts and a thank-you message.
• Updated the review and confirmation steps to reflect tip details and provide tip-specific messaging.
• Added frontend test coverage for the new tip flow.

Why

• This addresses the acceptance criteria for adding a tip button, configuring tip amounts, processing a tip payment, and showing top tippers while reusing the existing payment flow.

How to test

• Start the frontend app and navigate to the payment creation flow.
• Select Tip Donation from the payment type options.
• Choose a preset tip amount or enter a custom amount, fill in the recipient and message, then continue through review and confirmation.
• Verify that the confirmation step shows the tip-specific messaging and that the flow completes successfully.
• Optional test run:
  • npm test -- src/components/payments/wizard/steps/tests/tip-flow.test.tsx

Notes

• This change is frontend-only and does not require backend or database changes.
  • Closes Frontend: Add donation tip feature #100

[vercel]

@samad13 is attempting to deploy a commit to the smartdevs17's projects Team on Vercel.

A member of the Team first needs to authorize it.

[drips-wave]

@samad13 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