Delete Item Feature

[drakenguyen4000]

Co-authored by @yiremorlans

Description

• We imported deleteDoc from firestore to implement the deleteItem functionality of our App.
• We created a onDelete helper function that prompts the user on whether they want to delete an item. We achieved that using the confirm method from the window object. We decided on that method over implementing a modal because of accessibility issues that we might have encountered.
• We learned the difference between an alert box and a confirmation box for our specific use case.

Related Issue

Close #11

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

	Type
	🐛 Bug fix
✓	✨ New feature
	🔨 Refactoring
	💯 Add tests
	🔗 Update dependencies
	📜 Docs

Updates

Before

After

Testing Steps / QA Criteria

• To test, you will have to pull the feature branch, test the delete button and check the fire store to see if the item has been deleted.

[github-actions]

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

https://tcl-56-smart-shopping-li-ffe7d--pr26-ym-dn-delete-item-hmi6jql9.web.app

_{(expires Thu, 18 May 2023 19:49:17 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 9c51cec5927ae3f1253a2134be95c1a07393f9a7}

[ashleyvalentine]

Code is clear and the functionality is good on my end!

[ashleyvalentine]

I know that you made this decision for accessibility issues versus using an alert box. I'll be keeping this in mind for the future!