Case Contact Details UX Improvements

[elasticspoon]

What type(s) of user does this feature affect?

• supervisors
• admins
• volunteers

Description

The Case Contact form (case_contacts/:id/form/details) is the primary form with which volunteers interact with the application. We want this experience to be as smooth as possible.

Currently there are a few UX issues around recording contact details. Feel free to split this up into more PRs if needed.

Contact Details:

This section could use some UX improvements:

• [x] Mark each individual field as required instead of the whole section
• [x] Add client side validation to the fields. Currently if there is an error it reloads the page and you must scroll all the way down.

Contact Type Selection:

• [x] Sort the options in the dropdown by recency.

How to access the QA site

Login Details:
Link to QA site

Login Emails:

• [email protected] view site as a volunteer
• [email protected] view site as a supervisor
• [email protected] view site as an admin
• [email protected] view site as an all casa admin
  • go to /all_casa_admins/sign_in

password for all users: 12345678

Questions? Join Slack!

We highly recommend that you join us in slack #casa channel to ask questions quickly. And discord for office hours (currently Tuesday 5-7pm Pacific), stakeholder news, and upcoming new issues.