You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
There is a new view created in our database called "past_events" which displays all events from the "events" table that have been archived (Meaning there date/time has passed)
Your job is to use this new view to create the new PastEvents page, which is intended to replace our current ArchivedEvents page
Rename the tab in the Navbar from "Archived Events" to "Past Events"
Rename the route in App.jsx
Match the Hi-Fi design depicted in the Figma
This is very similar the HomePage page so you can reuse code to make it easier to match design
For the stats at the top, you can just match the design
For the export button, you can just match the design
For the searching, you can just match the design
For the table, match the design but ensure that the data is obtained from the past_events view
The "View Event" button
Clicking this button will take you to the corresponding PastEvent page for that specific event at route: /past-event/:event_id (You will need to create the new PastEvent page and add the new route to App.jsx
Note that this is basically identical to the CheckinPage at route: /checkin/:event_id so reuse components to make your job easier
You can straight up paste in the CheckinStatsDashboard component for example
Note the slight difference in the table however
For the export button, just match design but it doesn't need to be functional
Note that while the unchecked in volunteers have the blue "Check-In" button, from this page, the "Check-In" button isn't clickable and cannot be used to check in a volunteer as the event is already over
Acceptance Criteria
The PastEvents and PastEvent pages have been implemented as specified
PastEvents
Matches Hi-Fi design
The table is rendered with data from the past_events view
The "View Event" button navigates to the corresponding PastEvent page for that event
Description
PastEvents
page, which is intended to replace our currentArchivedEvents
pageNavbar
from "Archived Events" to "Past Events"App.jsx
HomePage
page so you can reuse code to make it easier to match designPastEvent
page for that specific event at route:/past-event/:event_id
(You will need to create the newPastEvent
page and add the new route toApp.jsx
CheckinPage
at route:/checkin/:event_id
so reuse components to make your job easierCheckinStatsDashboard
component for exampleAcceptance Criteria
PastEvents
andPastEvent
pages have been implemented as specifiedPastEvents
PastEvent
page for that eventPastEvent
Resources
The text was updated successfully, but these errors were encountered: