search

willrees23 / nhlwebsite

🏒 Unofficial website for NHL games and stats. :zap: Uses api-web.nhle.com.
https://nhlwebsite.vercel.app
2 stars 0 forks source link

Schedule filter #5

Open willrees23 opened 6 months ago

willrees23 commented 6 months ago

Filters for searching through the schedule, as there's a lot of games.

Filters that should be available: Filter Name Description Input Method
General search General search that search home & away teams. Text Input
Team Side Specify the team to return results for (home and/or away). Text Input / Dropdown
Dates Select dates and options. Either between 2 dates or before/after 1 date. Calendar
...?
willrees23 commented 6 months ago

Using data table component would make this functionality a LOT easier. Data table component is built using headless UI, so we can change appearance however.

Data Table Component: https://ui.shadcn.com/docs/components/data-table

- [ ] Add Shadcn/ui component - [ ] Install @tanstack/react-table package - [ ] Build table - [ ] Replace grid on schedule page with table

Update: no longer use data table component, instead keep grid system but do filtering still. Also have a default showing order: live, starting soon, just finished, scheduled, concluded.