We're working with community non-profits who have a Host Home or empty bedrooms initiative to develop a workflow management tool to make the process scalable (across all providers), reduce institutional bias, and effectively capture data.
We need to finalize the Contact Information component.
For this, you will have to work off the feat/generated-profile branch.
The trickiest part of this is the validation of the "What is the best way to contact you question?". The user can only select email if the email field is filled in and valid and the user can only select phone if the phone field is filled in and valid. I think there are a few ways we can approach this:
We can make the contact information section a component with a custom validation schema for it.
We can render the email and phone number fields like we normally would make the radio group a component and use the values from the email and phone number fields to do some custom validation.
Another way I'm not currently seeing. Always open to suggestions and whoever takes this can play around with a different approach.
Action Items
The action items will depend on the approach you decide to take to complete this task.
Overview
We need to finalize the Contact Information component.
For this, you will have to work off the
feat/generated-profilebranch.The trickiest part of this is the validation of the "What is the best way to contact you question?". The user can only select email if the email field is filled in and valid and the user can only select phone if the phone field is filled in and valid. I think there are a few ways we can approach this:
Action Items
The action items will depend on the approach you decide to take to complete this task.
Resources/Instructions
https://www.figma.com/file/BNWqZk8SHKbtN1nw8BB7VM/HUU-Everything-Figma-Nov-2022?type=design&node-id=11664-68090&mode=design&t=IekRfD8VxWN7bKYK-4