Complete the Volunteer dashboard #184
Description
Context
This issue is to populate the volunteer dashboard with content. The figma section you will base the design off of is here. There are 4 main parts of the dashboard to think about.
Layout
The layout is in a bento-box shape, and should no overflow. Things to think about are ensuring responsiveness (on small screens the boxes should layout in a line instead).
My Upcoming shifts
This part of the dashboard is a smaller version of the schedule page. Many components of the schedule page should be able to be reused here. Clicking a shift should take you to the schedule page for that shift.
Shifts in Need of Coverage
This is like upcoming shifts but for coverage. Just a simple list of coverage requests coming up, with the option to cover them or clicking opening up that request in the coverage requests tab.
Next Check In / Check In
This box is a big button that either allows the volunteer to check in or counts down to when they will next need to check in.
Not needed parts from the figma
There are a few parts from the figma that we will not include for now. Those being the Volunteer hours and Coverage hours parts. We may re-evaluate these later but for now they can be ignored.