Edit/Delete Catalog Events

[michellelin1]

Instructions

• Currently, we are able to add and view all catalog events, but the user isn't able to edit and delete events.
• When the user hovers over a row in the catalog table, edit and delete icons should appear on the right side of the table (work with Vy from the design team and look to Lo-fi design)
• When the user clicks the edit icon, a modal of the catalog form populated with event data appears where the user can edit and save the event.
  • Ideally, we’d like to reuse the current catalog form component to edit them as well. To do so, we’ll modify the current catalog form to accept an event (see below) as an optional prop. If the event prop is passed in, it’ll indicate that the user wants to edit the event, so we’ll send a PUT request to update the event. If the event prop is not provided, we’ll send a POST request to create a new event just as before.
    • event = {id, host, title, eventType, subject, description, year, location (we're actually getting rid of that), season}
• When the user clicks on the delete icon, a small modal appears asking the user to confirm or cancel their decision

Notes

• N/A

Acceptance Criteria

• Check that the events are deleted on in the DB
• After each edit/delete event, ensure that the changes are reflected on the catalog page without needing to reload the page. If it’d be easier, feel free to make the necessary changes in the backend to make this work.

Resources

• Edit + Delete Catalog Event Figma Lo-Fi