HomeUniteUs
HomeUniteUs copied to clipboard
Other Pets component
Overview
Implement the "Pets" component for the Intake profile.
You'll have to work off the feat/generated-profile
branch so make sure to check it out and pull in the most up-to-date changes.
Action Items
- [x] Add a "pets" type to the FieldTypes type definition.
- [x] Add a case to the switch statement that renders fields
- [x] Add the field to the
/src/utils/test/db/profile.ts
in the "Other Guests/Pets section" - [ ] Build the pets field component:
- [ ] Create a component that renders a field for a user to type in a pet
- [ ] The field has a button that allows the user to add another pet
- [ ] Add a button to delete pets
- [ ] Add custom validation if necessary
Resources/Instructions
The AdditionalGuestsField
could be a good reference to how to approach building this, but you will have to make some tweaks. You may have to define the data as an array of object so here is some info from Formik on how to handle that.