Validate group names before importing
Problem to solve
When using Group Migration to import groups, the field that allows the user to enter the group name currently has no validation and allows the user to initiate an import into a group that already exists. This import would later fail, creating a bad user experience.
Proposed solution
The group name field should be validated and disable the import button if the name already exists. Validation should be shown inline and happen on form submission.
→ Prototype of interactions
States | Interactions |
---|---|
Rest | |
Focus | |
Focus success | |
Rest error | |
Focus success |
Resources
→ Pajamas form component
→ Figma design file
→ Figma Pajamas form validation specs
User acceptance tests
- Validation message would display if the user enters a name of an existing group.
- Validation message would display if the user enters invalid characters (non-URL friendly).
- While the validation is not satisfied, the
Import
button is disabled.
While the validation is not satisfied, the bulk Import all button is disabled.
Edited by Amanda Hughes