-
Notifications
You must be signed in to change notification settings - Fork 2
Designs
Whiteboarded designs go here
First user choice: their native language, and the language they're translating into
After that, they get a set of checkboxes with "Allergy groups" they need to communicate:
If they check, for example, "food allergies," a new Autocomplete appears that's populated with all the allergies we know of
This is a multi-select situation. They should be able to select multiple allergies, and the selections they choose should be listed somewhere. See https://mui.com/material-ui/react-autocomplete/#multiple-values
If they check another "Allergy group" (e.g. medicine allergies), a new multi select should appear below the previous one, with the same functionality, but populated by the list of relevant allergies.
At the end, they should click a button that says something like "Generate allergy card," which will create a new UX element below everything with all of the relevant selected information listed in the language they chose in the second language picker box.