Share your existing shopping list with other users

[eva-lng]

	Type
	New Feature
✓	Share your shopping list with another user

Description

We implemented a new feature where a logged in user can share an existing shopping list they created with another existing user. In ManageList view we created a new form to input the email of the other user being invited to the shopping list and implemented shareList function to share the list. In firebase.js we made adjustment to the shareList function to make sure the user sharing their list receives status messages regarding their request, including alerts when the submitted email doesn't belong to any registered user or when the user tries to share a list they didn't create.

Related Issue

Closes #6

Acceptance Criteria

•  The ManageList view shows a form that allows the user to enter an email to invite an existing user to a list, in addition to the form that allows them to add items to that list.
•  The input that accepts the email has a semantic label element associated with it
•  The user can submit this form with both the mouse and the Enter key
•  If the other user exists, the user is alerted that the list was shared
•  If the other user does not exist, the user is shown an error message that explains the problem

Type of Changes

new feature

Updates

Before

After

Testing Steps / QA Criteria

npm start
navigate to Home view and click on a list you want to share
navigate to ManageList view, type an email of an existing user in the correct form and submit

to check for alert messages:

• select a shopping list that you did not create (e.g. test-list) and share it
• share a shopping list you created with a non-existing user email

[github-actions]

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

https://tcl-78-smart-shopping-list--pr23-dc-el-invite-others-4fr1u2vw.web.app

_{(expires Fri, 06 Sep 2024 15:13:13 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: c781903507c1507075d7a974036959ddeec29c0a}

[GrannyYetta]

Excellent work!

[tataw-cl]

Great work guys

[vivitt]

Nice work team! ✨
Your code looks great, and the new feature works well.

I like how you've handled the error messages in your implementation when something goes wrong. A possible improvement could be to clear the message once the user starts typing in the field again.