Refactor Volunteer Registration/Check-In Flow

[Aokijiop]

Description

• For this task, please reference the flow specified by design (Ignore Case 2, it has since changed but the Figma hasn't been updated. For Case 1, the "Review Event" button has been changed to "Cancel Registration" by design)
  • 
• Your job for this task will be to adjust VolunteerHomePage.jsx, VolunteerEventPage.jsx, and VolunteerSideView.jsx/VolunteerSideViewDrawer.jsx to correctly implement this flow
  • Note that VolunteerSideView.jsx represents the side view on desktop view and VolunteerSideViewDrawer.jsx represents the side view on mobile view
• In VolunteerHomePage.jsx:
  • The home page is intended to only display events that the volunteer is already registered for (Which the page does correctly)
  • However, opening up the sidebar still shows a "Register" button
  • Instead, the sidebar for the home page should show a "Cancel" button that when pressed, allows the user to cancel their registration by deleting the volunteer's row in Event Data (Reminder that registration for an event creates a row in Event Data so canceling a registration means deleting this row)
  • The design for the cancel may not be updated on Figma so you can reference it below:
    • 
    • For the icon, you can use the DeleteIcon from Chakra
  • Apologies for not having a design for it, but please also include a confirmation modal prompting the user if they are sure they would like to cancel their registration
• In VolunteerEventPage.jsx:
  • This page should only display events that the volunteer hasn't registered for but it currently displays all events
  • The VolunteerSideView.jsx/VolunteerSideViewDrawer.jsx in this page have default values for the "Your event status" section
    • 
    • As of right now, design doesn't have a design for what the section should look like for an unregistered event so for now, just conditionally render the section (Only show the section if the volunteer is registered for the event, otherwise don't render it)
    • I will Slack you guys if anything changes

Acceptance Criteria

• VolunteerHomePage.jsx, VolunteerEventPage.jsx, and VolunteerSideView.jsx/VolunteerSideViewDrawer.jsx have been adjusted to correctly implement the flow as specified above
  • The "Cancel registration" button deletes the volunteer's row in Event Data
  • The "Your event status" section in the sideview is only rendered if the volunteer has registered for the event
    • I will Slack if anything changes
• The Current Events page should only show unregistered events

Resources

• None required