Skip to content

Conversation

@benjaspet
Copy link
Member

Description

This pull request adds the appropriate styling and components to closely match the Figma designs for the 4th step of the donation form, indicating a completed donation. It uses Tailwind & shadcn/ui to do so.

Changes Made

  • Backend changes
  • Frontend changes
  • Database schema changes
  • Configuration updates
  • Other

Testing & Verification

  • Unit tests pass
  • Manual testing completed
  • No breaking changes

Verification Steps:

  1. Fill the donation form and create a donation.
  2. Once submitting the donation, verify the 4th step page renders as shown below.

Screenshots (if relevant)

chrome_ST9C9jxZLS

Future Improvements/Notes

Closer matching to the Figma for the "for making a difference" text might be possible.

Related Issues

Closes #46.

@benjaspet benjaspet linked an issue Feb 8, 2026 that may be closed by this pull request
Copy link
Collaborator

@thaninbew thaninbew left a comment

Choose a reason for hiding this comment

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

Hey Ben, great job on the ticket.
Just 2 things:

  • package-lock.json shouldn't to be pushed since we are using yarn.
  • is it possible to incorporate the shadcn text area component for the ticket, and have it look similar to the figma? As for the button we can reuse one that another dev has made.

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.

Donation form - Step 4

2 participants