Delete Transaction

[melanie-adler]

Value Proposition

As a user

I want to delete incorrect transactions,

so that I can maintain an accurate and organised transactions list.

Description

Acceptance Criteria

• Each transaction in the transactions list includes an easily accessible delete option.
• 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 transaction is removed from the transactions list, and a success message is displayed.
• If all transactions are deleted, a message appears indicating that there are no transactions and providing an option to add new ones.

Tasks

• [x] Create feature branch feature/delete-transaction.
• [x] In the TransactionItem component add the Button component.
• [x] In the Button component create handleDelete function in handleSubmit.
• [x] Use filter method with id to delete the selected transaction.
• [x] Display success message after deletion "Transaction successfully deleted".
• [x] Make sure to display updated transaction list.
• [x] Implement message for empty transaction list "No transactions available. Please add a new transaction."

[F-Kirchhoff]

in your tasks its missing how you achieve the deletion of the element. Please give better names than just Button.

[NikRoe]

You won't be submitting your Button component, but it will most likely can be clicked and that click should trigger the handleDelete.

Your last Task mentions isLoading and error, you work with those two things when using useSWR, which is not the case yet for your application. Unless I am mistaken.

I recommend removing the last bullet point and updating the rethink how the handleDelete in your Button component will actually be triggered.

[NikRoe]

👍 LGTM