11. 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. #11
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
[ ] The ListItem component renders a button that allows the user to delete an item from their list when clicked
[ ] Clicking the delete button prompts the user to confirm that they really want to delete the item
[ ] The deleteItem function in api/firebase.js has been filled out, and deletes the item from the Firestore database
Notes:
As noted in the wireframe, 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
ListItem
component renders a button that allows the user to delete an item from their list when clickeddeleteItem
function inapi/firebase.js
has been filled out, and deletes the item from the Firestore databaseNotes: