Contact Information component

[erikguntner]

Overview

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:

1. We can make the contact information section a component with a custom validation schema for it.
2. 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.
3. 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.

Resources/Instructions

https://www.figma.com/file/BNWqZk8SHKbtN1nw8BB7VM/HUU-Everything-Figma-Nov-2022?type=design&node-id=11664-68090&mode=design&t=IekRfD8VxWN7bKYK-4