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 #65
Buttons that allow a user to accept or decline an invitation
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
Acceptance Criteria:
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