Skip to content

Conversation

@jaydencarvajal511
Copy link
Contributor

@jaydencarvajal511 jaydencarvajal511 commented Feb 2, 2026

Description

Migrated the Step1Amount component to TailwindCSS and shadcn/ui. Using those same tools, I built out Step3Confirm to look as close to the figma as possible (without adding the credit card number and other things the ticket said not to add).

Changes Made

  • Added the following files for shadcn components:
    • card.tsx
    • checkbox.tsx
    • input.tsx
    • label.tsx
    • textarea.tsx
  • Added font import in styles.css that i used in both components.

Testing & Verification

  • Manually tested all of the acceptance criteria.

Screenshots (if relevant)

image image image image

Future Improvements/Notes

On smaller screens, the FCC banner does not fit the screen properly. This however was not in the scope of my ticket.

Related Issues

Closes #35

@thaninbew thaninbew self-requested a review February 10, 2026 05:55
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.

really good PR! You thoroughly implemented the ticket. Great work! Just need to wait on some confirmation from design regarding font weights/fonts in general. will update

@thaninbew
Copy link
Collaborator

ty for bringing the banner unresponsiveness to light, I turned that into another ticket and it's already merged!

@thaninbew
Copy link
Collaborator

image

moved USD suffix into the input area, added padding

image

buttons changed to match figma.

@thaninbew
Copy link
Collaborator

going to merge for now, need to come back and fix minor details to match figma.

@thaninbew thaninbew merged commit 800b282 into main Feb 10, 2026
4 checks passed
@thaninbew thaninbew deleted the 35_migrate_dono_step1_3 branch February 10, 2026 18:12
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] Migrate to TailwindCSS + shadcn/ui

3 participants