Description

Users can now delete list items to help them keep their lists tidy by clicking the delete button next to the items on their lists. Users will be shown a prompt to confirm or cancel the item deletion upon clicking that button.

Related Issue

closes #12

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

Type of Changes

Feature

Updates

Before

After

Testing Steps / QA Criteria

• Do a git pull and git checkout hm-mm-deleteItem.
• Open the homepage by running npm start.
• Navigate to the List page and you'll find a delete button next to each item.
• Clicking the delete button will show a prompt to confirm deletion; by clicking ok the item will be removed from Firebase and a success message will be displayed, otherwise a deletion canceled message will be displayed.