Is your feature request related to a problem? Please describe.Given the current 'Contact Past Volunteers' feature on the Shelter Dashboard, which only fetches three past volunteers,
When users view the 'Contact Past Volunteers' section,
Then they should have the option to see a complete list of past volunteers with additional details, improving access to necessary contact information.
Describe the solution you'd like
Fetch Full Volunteer List:
Add a "View All" button within the 'Contact Past Volunteers' component.
When clicked, the "View All" button should fetch and display a complete list of past volunteers, including each volunteer's name, and email address.
Error Handling:
Ensure proper error handling for API failures, with a user-friendly error message in the UI if data retrieval fails.
Responsiveness:
Confirm that the display remains responsive and the layout adjusts appropriately across various screen sizes.
Acceptance Criteria
[x] The "Contact Past Volunteers" component initially displays only three recent volunteers.
[x] A "View All" button is available, which, when clicked, expands to show a list of all past volunteers, including their names, and email addresses.
[x] The additional details for each volunteer (name, email) are displayed in a structured and readable format.
[x] The API is called appropriately, minimizing redundant calls.
[x] Proper error handling is in place, displaying a message if the API fails.
[x] The component and expanded view are responsive, displaying correctly on different screen sizes.
Is your feature request related to a problem? Please describe. Given the current 'Contact Past Volunteers' feature on the Shelter Dashboard, which only fetches three past volunteers, When users view the 'Contact Past Volunteers' section, Then they should have the option to see a complete list of past volunteers with additional details, improving access to necessary contact information.
Describe the solution you'd like
Fetch Full Volunteer List: Add a "View All" button within the 'Contact Past Volunteers' component. When clicked, the "View All" button should fetch and display a complete list of past volunteers, including each volunteer's name, and email address.
Error Handling: Ensure proper error handling for API failures, with a user-friendly error message in the UI if data retrieval fails.
Responsiveness: Confirm that the display remains responsive and the layout adjusts appropriately across various screen sizes.
Acceptance Criteria