V: Application view

[juliancleung]

Allow the volunteer to view the status of the applications they have sent out for opportunities. Opportunities in this page view will display the summarized content for an opportunity. The summarized content for an opportunity is the same as #39 and #64. Clicking into a card will lead to the full opportunity page view for applications (#73).

Summarized opportunity information:

• 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

Logic:
If the application is rejected, it will indicate that its filled (screenshot 2)
If the application is pending review, it will indicate that its pending (screenshot 1)
If the application is accepted, it will not appear in this page and will appear in Upcoming opportunities (#64)

Acceptance criteria:

• Opportunity cards should be sorted in the order that applications are sent
• Display all information listed above in the format shown in the design
• If the application is pending, include a tag that says "Application Status: Pending"
• Clicking a card will open its individual opportunity view without the contact details section shown (Simplify page header component #73)

Volunteer opportunity applications - 1 pending

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

Volunteer opportunity applications - 1 pending, 2 filled/declined

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