CityofToronto / bdit_flashcrow

Working repository for MOVE, a project to modernize transportation data systems at the City of Toronto.
MIT License
9 stars 2 forks source link

MOVE-1230: UI issues when adding request to new project #1267

Closed imadsyed333 closed 5 months ago

imadsyed333 commented 5 months ago

Issue Addressed

This PR closes MOVE-1230.

Description

Forms related to study request projects now validate on submit, improving user experience. Cursor now automatically lands on first input on form load. Some inputs have new labels as well.

image

Validation on submission implemented via sending a boolean prop from the parent form to the children input fields, signalling them to display errors if needed. Timeout function is called on submission to ensure that the emails field validates its input.

Tests

Tested in MOVE local v1.12 in Firefox, by performing the following actions: Adding to existing project, adding to new project, editing a project.