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.
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.