Nonprofit-Exchange-Hub/web-app

Finish User Sign Up Form

Closed this issue · 1 comments

We lost some of our validation checks on the user-signup forms during the re-design iterations.
Page 1

  • First Name - required
  • Last Name - required
  • Email - required, client-side email validation with Yup
  • Password- required, confirm password field can be validated to match password field
  • Accept terms: validated as true before going to next page
    Page 2
  • City: optional, input element (not Select)
  • State: optional, Select element, validated from list of states
  • Zip: required
    Page 3
  • Interests: optional, multi-chip select
    Page 4
  • Profile icon: optional, file upload MUI component
  • About Self: optional, Text area component

See:

4f732a0#diff-b953688af7236bb02acd06305fdb9435ba02065c0c5189e5792fab963639e544

Acceptance Criteria:

  • We validate sign up fields as defined in Figma mocks. Not all fields are required. City will be an input field, not select.
  • We use a file upload MUI component to properly submit a profile image to the server to the correct endoint.
  • We handle client-side validation messages
  • We handle http error messages