MarisiaS / SMM

0 stars 0 forks source link

FE - Swim meet #82 #87

Closed viriponce closed 3 months ago

viriponce commented 3 months ago

This PR addresses issue #82

Implementation This PR implements the SwimMeetDisplay component. This component show a list of Swim Meets with their information in a table format. The table should be searchable therefore a SearchBar component should be created. This component allows you to enter a string value for the search parameter. It should include a way to clear the field and a button to submit the search.

The table can be paginated.

The SwimMeetDisplay should include a button to allow the user to add a new swim meet.

  1. Components: GenericTable SearchBar PaginationBar CleanableTextField MyButton: Updated version SwimMeetDisplay

  2. App In the App file, for the protected route with path="/swim-meet", the new element to display is SwimMeetDisplay.

  3. App.css Add new styles for iconButton and searchBox.

  4. SmmApp Update getSwimMeetList to include the search, offset, limit parameters.

Screenshot 2024-05-26 at 7 17 15 PM