Deleting item off the list

[Hudamabkhoot]

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.

[github-actions]

Visit the preview URL for this PR (updated for commit e21a512):

https://tcl-79-smart-shopping-list--pr29-hm-mm-deleteitem-dwihflzw.web.app

_{(expires Mon, 23 Sep 2024 13:18:06 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: d91d9ddbda780208241c52942f544acf8e81407a}

[Wyna-7]

LGTM! Great work :)

[joriordan332]

Looks great! Well done guys

[hariscs]

there is one issue, when I type the number item name in the field, it accepts it and when I go to my list it displays only the button.
@Hudamabkhoot @marshjaja

ref image