Delete Workout

Value Proposition

As a user

I want to be able to delete workouts that are no longer relevant,

so that I can maintain a clean and organised workouts list, ensuring it’s always up to date.

The workouts list page includes an easily accessible delete option for each workout.
Clicking the delete option triggers a confirmation dialog.
The dialog serves to prevent accidental deletions by asking the user to confirm their intention.
The dialog includes options for both confirming the deletion and cancelling the action.
The cancellation option allows the user to back out of the deletion process if selected by mistake or if they change their mind.
Upon confirming the deletion, the workout is removed from the list and a success message is displayed.
If all workouts are deleted, a message appears indicating that there are no workouts and providing an option to create new ones.

[x] Create feature branch delete-workout
[ ] Create component DeleteButton
- [x] Introduce a state variable called deleteMode to manage the delete confirmation process
- [x] This state will be toggled when the delete button is clicked, indicating that the user is in delete mode
[x] Open Confirmation Dialogue
- [x] When the delete button is clicked, toggle deleteMode to true and open a confirmation dialog
- [x] The dialog will ask the user if they are sure about deleting the workout
[x] Handle Cancellation: If the user clicks “Cancel” in the dialog, toggle deleteMode back to false
[x] Handle Confirmation
- [x] If the user confirms the deletion, toggle deleteMode back to false.
- [x] Filter the currentTasks state to remove the workout by its ID.