Component: Donate campaign Cards

[CatherineKiiru]

Task

Create the campaign cards in the donate section using Radix UI. Design

Snapshot

Good Practice

• [ ] Ensure accessibility in elements & images - read more here on how to improve accessibility in your project
• [ ] Include type safety where necessary
• [ ] Should be mobile responsive
• [ ] Write tests

[jtfairbank]

I created a component for these cards to try Radix out! See src/components/donate/CampaignCard.tsx

However getting the header section and multiple cards displayed on the page still needs to be done.

[jtfairbank]

We'll also need some design direction on the "More Info" section. I'm thinking it just links to a region / project page?

[CatherineKiiru]

I think so too, I've notified Tay on Figma to create designs for the regions/project page. I'll replicate the card across the campaign section

[Huiclaire]

Hi @jtfairbank, I'd love to work on this issue, would it be okay for me to take it on?

[jtfairbank]

@Huiclaire yes! In general you can just self-assign any open issue that's not already assigned to someone else. I believe that @hola-soy-milk and I did some initial work related to this, so please checkout the existing component. You can see our work on #83

[Huiclaire]

Got it, thanks for letting me know! I’ll self-assigned and check #83 first. 😊