Delete courses from a personal schedule on the main personal schedule page - React component

[pconrad]

Create react component with test for personal schedule delete bottom.

This was factored out from #4

• As a user
• I can delete courses from a personal schedule on the personal schedule page
• So that manipulating personal schedules feels more natural

Discussion

At the moment, when users add courses to a personal schedule, the personal schedule can be used to show the entire schedule, but to delete a course, they have to go to an entirely separate page.

For example:

Note that the course cannot be delete here. To delete, you have to go to this page:

Note that deleting a section also deletes the attached lecture, and vice-versa.

What we want to do is add a delete button to this page:

Once that's done, we can probably get rid of the "Courses" menu item and its associated React components completely.

Acceptance Criteria

• [ ] The table shown here will have a column with delete buttons

  

• [ ] When clicking the delete button on that page, the course will be deleted, along with any attached lectures or sections.

Implementation Todos

Frontend:

• [ ] Locate the react component that implements that table on the url https://courses-qa.dokku-00.cs.ucsb.edu/personalschedules/details/4
• [ ] Locate the react component that implements the route https://courses-qa.dokku-00.cs.ucsb.edu/courses/list
• [ ] In the component that implements the route https://courses-qa.dokku-00.cs.ucsb.edu/courses/list there will be code for a delete column. Use that code as a basis to add a delete column to the other react component
• [ ] Make sure that for classes with connected lecture/section that deleting one automatically deletes the other.

Backend:

• There are likely no backend changes needed