Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Implement PastEvents Page + PastEvent Page #139

Closed
Aokijiop opened this issue Apr 2, 2024 · 0 comments · Fixed by #148
Closed

Implement PastEvents Page + PastEvent Page #139

Aokijiop opened this issue Apr 2, 2024 · 0 comments · Fixed by #148
Assignees

Comments

@Aokijiop
Copy link
Collaborator

Aokijiop commented Apr 2, 2024

Description

  • 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
  • image
    • 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
        • image
        • 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
    • PastEvent
      • Matches Hi-Fi design
      • The Check-In button isn't functional

Resources

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants