oss-slu / shelter_volunteers

MIT License
3 stars 4 forks source link

Upcoming Requests #141

Closed amalrzv closed 1 week ago

amalrzv commented 2 weeks ago

Fixes #138

What was changed? I added the UpcomingRequests.js and the .css styling. I also added the modal files for each of the buttons and its .css files to style them Here, describe what part of the application you changed (e.g. login page, database, etc.). If possible, mention what specific components were added, removed, or modified. This is on the shelter dashboard side so the shelters can modify their requests. This is a separate page (similar to shift details, etc. ). The buttons will allow shelters to edit the shift times and requested volunteers, cancel the request, and notify frequent volunteers Why was it changed? We didn't have a page for upcoming requests previously. Now, the shelters can edit the upcoming requests that they have. Here, describe the issue that you are fixing with this code, and why your code fixes it. My code adds the upcoming requests component. It loads the data for a .tsx file. The buttons on this component allow you to edit the shifts, cancel the shifts, and notify volunteers. How was it changed? I added the UpcomingRequests.js and .css styling. I also changed the App.js to allow it to route and render. Additionally, the buttons and functions were created by making the modal and its respective styling file. Here, get into detail about what files you modified, and talk about the most important lines in regards to fixing the issue. I modified the route on the NavBar in the shelter dashboard which allowed it to show up as a new tab. I also added the styling .css and .js file to add to the component. The most important was allowing the component to render and loading the data from the .tsx file. Screenshots that show the changes (if applicable):

Screenshot 2024-11-04 at 9 20 57 PM Screenshot 2024-11-03 at 6 12 18 PM Screenshot 2024-11-03 at 6 12 37 PM Screenshot 2024-11-03 at 6 12 48 PM