MarisiaS / SMM

0 stars 0 forks source link

FE-Add Swim Meet #91

Closed MarisiaS closed 2 weeks ago

MarisiaS commented 3 months ago

This PR addresses issue #83

Implementation This PR implements the AddSwimMeet component, which is triggered when clicking the "+ Swim Meet" button on the SwimMeetDisplay page. The AddSwimMeet component contains a form with all the field required to create a new swim meet.

  1. New Components: AddSwimMeet SwimMeetForm AlertBox MyDatePicker MySelect MyTimePicker

  2. App Added the protected route with path="/add-swim-meet" to displaying AddSwimMeet.

  3. SmmApp Added getSites and createSwimMeet methods.

  4. Previous form components Updated existing form components to use rules instead of register for validation.

Screenshots Alert box when there is an error reading sites:

image

Form displayed to create a new swim meet:

image

Alert box when creation is successful:

image

Alert box when there is an error during creation:

image