V: Invitation view

[juliancleung]

This page will allow volunteers to view and manage the invitations they receive for opportunities (#45). This page will display a summary of an opportunity and allow the volunteer to accept or decline. Clicking into a card will open the individual opportunity view (#75).

Accept/Decline behaviour:
When the "Accept" or "Decline" button is clicked, a confirmation dialog appears asking the volunteer to confirm their action. If the volunteer confirms, an in-app notification will appear (see screenshots).
Verbiage for acceptance popup: "Are you sure you want to accept [opportunity name]?"
Verbiage for acceptance snackbar: "You have accepted the invitation for [opportunity name]"
Verbiage for decline popup: "Are you sure you want to decline [opportunity name]?"
Verbiage for decline snackbar: "You have declined the invitation for [opportunity name]"

Information displayed in the summarized view

• Opportunity Name
• Activity Type
• Date(s) of Event: taken from "Start date" and "End date" in the form
• Hours of Commitment: taken from "Number of hours" in the form
• Preferred Sector
• Grades of Participating Students
• Number of Students

Acceptance Criteria:

• Opportunity cards should appear in the order that they are received (most recent at the top)
• Display all information listed in the format shown in the design
• Clicking a card will open the full opportunity view without the contact details section shown V: Individual upcoming opportunity #65
• Buttons that allow a user to accept or decline an invitation
• Confirmation popup appears when buttons clicked
• Snackbar appears when action is confirmed
• Indicate that the user is on the Invitations view
• Indicate the number of pending responses

Volunteer invitations (the number beside "Invitations" should be a 1)

https://www.figma.com/file/HdMbW7Qx6bGAhlWJuBOSj0/BEP-High-Fidelity-Designs-(S20)?node-id=162%3A1273

Confirmation dialog example

https://www.figma.com/file/HdMbW7Qx6bGAhlWJuBOSj0/BEP-High-Fidelity-Designs-(S20)?node-id=126%3A3203

Snackbar example

https://www.figma.com/file/HdMbW7Qx6bGAhlWJuBOSj0/BEP-High-Fidelity-Designs-(S20)?node-id=142%3A281