Create the volunteer scoped AvailabilitySettingsContent settings section #159
Description
Context
This is a section of the settings dialog. The main place you will need to make changes is src/components/settings/pages/availability-settings-content.tsx. You will need to add sections for volunteers to update their availability and preferred time commitment in hours.
- For setting their availability, you might be able to use
/Users/theosr/Documents/launchpad/neuron/src/components/profile/availability-input.tsxhowever based on Update volunteer availability to be any chunk of time. #158 you might need to either update it or choose a different way to set availability. A better way might be an approach like this:
https://v0.app/chat/availability-component-nBb1tojEbMY?ref=C1ZVG0 - For setting their preferred time commitment you can use a simple number input.
You can use src/server/api/routers/volunteer-router.updateVolunteerAvailability to update the availability bitstring and then add the perferred time commitment to that payload to update that at the same time.
Partially Depends on:
- Update volunteer availability to be any chunk of time. #158, however you can definitely get started before it is finished
Notes
- Make sure to use our form components and methodology for the form. We use react-hook-form and there are examples of it being use all over the codebase, for example the login page