V: Invitation view #67
Description
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
