V: Individual invitation view

[juliancleung]

This is the page that shows full details for a volunteer's upcoming opportunities. They can access this page from the Invitation view (#67) when they click into an opportunity. This story is similar to #43.

Event Details displayed in the full card page (information from opportunity details):

• 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
• Number of Volunteers Needed: taken from "Number of volunteers required" in the form

School details displayed in full card page (information from educator details):

• School: name of school
• Address: address for school
• Transportation

Contact information is not shown

Acceptance Criteria for expanded view

• Display all information listed in the expanded view in the format shown in the design
• Back button allows user to go back to dashboard

Full details for invitation (same as the following design without the cancellation button) https://www.figma.com/file/HdMbW7Qx6bGAhlWJuBOSj0/BEP-High-Fidelity-Designs-(S20)?node-id=162%3A1185

[brandonleung]

duplicate of: https://github.com/uwblueprint/BEP/issues/65?