12. As a user, I want to be able to delete items from my shopping list so that my list isn’t cluttered with items I don’t want to buy in the future #12
Users might make a mistake when entering an item, or may decide they won’t be buying a certain item again in the future. Allowing them to delete list items will help them keep their lists tidy.
Acceptance criteria
[x] The ListItem component renders a button that allows the user to delete an item from their list when clicked
[x] Clicking the delete button prompts the user to confirm that they really want to delete the item
[x] The deleteItem function in api/firebase.js has been filled out, and deletes the item from the Firestore database
Notes:
Activating the “Delete” button should show a confirmation dialog. We want to give users a chance to confirm “destructive” actions.
It might be tempting to create your own modal dialog component to handle confirmation, but modals are fraught with accessibility concerns, so consider using a simple JavaScript confirm dialog.
Summary
Users might make a mistake when entering an item, or may decide they won’t be buying a certain item again in the future. Allowing them to delete list items will help them keep their lists tidy.
Acceptance criteria
ListItemcomponent renders a button that allows the user to delete an item from their list when clickeddeleteItemfunction inapi/firebase.jshas been filled out, and deletes the item from the Firestore databaseNotes: