#2 Entry Delete Button

[nadine-grantz]

Value proposition

As a User I want to be able to delete my specific entries so that i can update the List of income/expenses

Description

Acceptance criteria

• [ ] On the homepage, there is a list of current income and expenses.
• [ ] Each entry in the list has a delete button.
• [ ] When the user clicks the delete button for a specific entry, that entry is removed from the list.
• [ ] The user can only delete one entry at a time.

Tasks

• [ ] Create a new component called DeleteButton in the components folder. This component will render a delete button for each entry in the list.
• [ ] Implement logic to remove the entry from the list when the user clicks the delete button.
• [ ] Implement logic to ensure that the user can only delete one entry at a time.
• [ ] Here’s an example of how to create a new component called DeleteButton in the components folder:

function DeleteButton({ id }) {
  const handleDelete = () => {
    const newTransactions = transactions.filter((transaction) => transaction.id !== id);
    setTransactions(newTransactions);
  };

  return (
    <button onClick={handleDelete}>Delete</button>
  );
}

[StellaKakarali]

Looks great!