• Now when you navigate to Links in the "Get Involved" popover the popover closes.
• The "Start Therapy" button in the mobile navbar now closes when clicked. All changes work for both whenever you click or press "Enter" whenever the item is focused.

Was going to try to make a change proposal that would make the form re-submittable after a first submission if the volunteer position was changed in the form, but I just realized that the repo I was going to make it to was archived and now I can't find anything on the page here, other than createVolunteerForm in the routing of the backend

Description

The following PR seeks to make the following changes:

• Adds types to tailwind config
• Adds donate button to the Navbar for easier discoverability
• Making the disclosure take the full width, making it the parent component be responsible for the desired width
• Adds a disabled state to the radio options when adding a custom amount
• Making the graph on the donation page larger on desktop

Highlights

• on create-contact return valid message
• use contactRouter to access message on FooterNewsletter

Relates to

• Implements: #10

Thoughts

Arguably it could be a 422 validation error, though this simple approach gets the job done.

Also this may not be the ideal type of UX looking at different newsletters, most share this flow Message telling User to check their inbox (always) --> Approving the link on their inbox

• https://planetscale.com/blog
• https://usefathom.com/blog
• https://tailwindcss.com/blog

That being said, since in our case we are essentially creating Users, it may make sense to approach it in this style

Feature Request: Set the button text or provide an alert to indicate the case of a user already being subscribed to the newsletter.

Use case: As our team can sometimes fall behind on sending monthly newsletters, we are often contacted by users who wish to confirm if they subscribed to our newsletter or not. Most often, we've found that these users have subscribed multiple times prior to reaching out. This feature could provide great user feedback while freeing up our team from searching the database to confirm for a user.

Related files: | File | Location | |-- | -- | | FooterNewsletter.tsx | src/components/Footer | | create-contact.ts | backend/router/contact/create-contact.ts |

• Replaced <Input/> with DonateRadioButton component
• Renamed DonateRadioButton to DonateRadioOptions, plural name makes it clearer it renders multiple things
• Use priceId instead of amount for the form value name, which I think is what will actually be desired later

Aside: the priceId in the typescript type has no typesafe tie to the priceId form input name, and I think using React state for the form state (or some other abstraction) will resolve that and other issues

Feature Request: When a new monthly donor is created, award them with a Discord Role. Remove said Discord Role when they're no longer a monthly donor.

Use case: As a way to thank monthly donors for their support, we'd love to award them with a Discord Role that highlights them within our community. Currently, a user must reach out to one of the mods on our Discord to ask for this role, which then requires the mod to have staff confirm the user is indeed a monthly donor. Ideally, this process would be done automatically, allowing monthly donors to enjoy their Discord Role straight away.

Suggestions: It could be possible to manage this process via Supabase Auth, which allows for someone to oAuth with their Discord. The upside of using Supabase Auth here is we'll be able to do things like password resets or create additional oAuth fairly easily. The downside is that Supabase Auth contains its own, unique database called Auth.User, which would then need to be connected back to our Database table called User. Another method would be leveraging a Discord Bot to track the status of a monthly donor and to award/remove the Discord Role based on their status.

Related files:

| File | Location| |--|--| | schema.prisma | prisma/ | | create-user.ts | backed/router/user/create-user.ts | | guildmember.tsx | src/pages/guildmember.tsx |