[SSF-226] Pantry Deleting & Editing Food Requests Frontend

[jiang-h-y]

ℹ️ Issue

Closes SSF-226

📝 Description

• added edit and delete buttons
• added editing view + delete request modal
• added success/error toasts
  • Note: the status for the toasts are temporarily incorrect + hard-coded since I recently refactored alerts in a different branch, and I would rather use the refactored version once it's merged.
• connected to existing backend endpoints
• edge case handling for if the user:
  • clears "Additional Information"
  • makes back-to-back edits without closing the modal
  • clicks "Update Request" but changes nothing

✔️ Verification

• tested edit/delete request flows
• verified that changes are committed to the database

Base Request Modal:

Editing View:

Delete Request Modal:

Success Toast Example:

🏕️ (Optional) Future Work / Notes

• not sure if some of my design choices (colors, hover, etc.) were consistent with the rest of the codebase
• sometimes received this error, but I couldn't reproduce it:
  Uncaught Error: Your focus-trap needs to have at least one focusable element

[dburkhart07]

few things, looking beautiful tho!!

[jiang-h-y]

Closed requests no longer have edit/delete buttons:

Admin + volunteer view (with only a delete button):

[jiang-h-y]

Currently, trying to delete a food request as an admin/volunteer will return an error. Pretty sure it's because of role gating in the backend, so I didn't try to fix it for ticket separation purposes.

But if it's a different issue/if it's better to address it here, I can fix the role gating.

[dburkhart07]

some very small changes so i trust to approve. functionality looks great.

regarding the unauthorized access. perhaps if you want to copy the request.controller file from https://github.com/Code-4-Community/ssf/pull/185/changes#diff-b57a26ea6a57a9ef34ba9812231f9f3dabd0397c2c252a1e777b3a0aa367858b this will allow it to keep the intended functionality

also just make sure the alert comment gets addressed, since that pr should be good to merge.

[dburkhart07]

see new comments above

[Yurika-Kan]

getting a few nest errors preventing the backend from running correctly:
Nest can't resolve dependencies of the OrdersService (OrderRepository, PantryRepository, DonationRepository, FoodRequestRepository, RequestsService, UsersService, FoodManufacturersService, DonationItemsService, AllocationsService, ?, DonationService, DataSource, EmailsService). Please make sure that the argument PantriesService at index [9] is available in the OrdersModule context. - seems to be from ssf-212

great pr! just some logistics & flattening stuff out~

[dburkhart07]

getting a few nest errors preventing the backend from running correctly: Nest can't resolve dependencies of the OrdersService (OrderRepository, PantryRepository, DonationRepository, FoodRequestRepository, RequestsService, UsersService, FoodManufacturersService, DonationItemsService, AllocationsService, ?, DonationService, DataSource, EmailsService). Please make sure that the argument PantriesService at index [9] is available in the OrdersModule context. - seems to be from ssf-212

great pr! just some logistics & flattening stuff out~

This is fixed on merging main in

[jiang-h-y]

Still waiting on the verdict for colors, but I'm currently using button colors from here:
https://www.figma.com/design/brc5luMhizIFp893XIutYe/SP26---SSF-Designs?node-id=4366-18805&m=dev

And hover colors from here:
https://www.figma.com/design/brc5luMhizIFp893XIutYe/SP26---SSF-Designs?node-id=1-1261&p=f&m=dev

[Yurika-Kan]

LGTM you are awesome!