oss-slu / shelter_volunteers

MIT License
3 stars 4 forks source link

Implement Shift Details and Volunteer Management in Shelter Dashboard #113

Closed Brijitha1609 closed 1 month ago

Brijitha1609 commented 1 month ago

Is your feature request related to a problem? Please describe. Given the current functionality of the Shelter Dashboard, when shelter staff click the "More Details" button for a specific shift, then a detailed view of that shift's information should be displayed, along with management options.

Describe the solution you'd like Implement functionality to display detailed information for each shift when the More Details button is clicked. This information should include:

  1. Shift Start Time and Shift End Time
  2. Requested Volunteers (total number of volunteers needed for the shift)
  3. Signed Up Volunteers (number of volunteers currently signed up)
  4. Required Volunteers (calculated as the difference between requested and signed-up volunteers)

In addition, include the following buttons for shift management:

The content for these above features needs to be implemented. Since the rest of the issue (styling) will be covered by https://github.com/oss-slu/shelter_volunteers/issues/120

The details should be displayed in a sidebar or modal, and clicking the More Details button should dynamically populate this section with information specific to the selected shift.

Acceptance Criteria:

image

cbiddle3 commented 1 month ago

We are splitting this issue into 2 issues. It is too large for Amal's first time since she hasn't used React before and has minimal JavaScript experience. She hasn't done CSS styling either so this issue is being split into making the component with the required content, this next sprint she will implement the correct styling for the component.