Share list component

[marshjaja]

Description

With the change it allows the users to invite others to existing shopping lists so they can manage them with friends or family.

Related Issue

Close #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

Feature

Updates

Before

After

Testing Steps / QA Criteria

• Do a git pull and git checkout hm-mm-shareList.
• Open the homepage by running npm start.
• Navigate to ManageList and you will find the ShareListForm where you can share your list with friends and family.
• If the shopping list has been shared successfully a notification will appear telling the user this.
• Incase of an error sharing the shopping list an error notification will appear describing the error, telling the user to try again.
• To test the list sharing functionality, click on the specific list you would like to share on the Home page.

[github-actions]

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

https://tcl-79-smart-shopping-list--pr22-hm-mm-sharelist-k5y4qkyt.web.app

_{(expires Mon, 02 Sep 2024 13:48:55 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: d91d9ddbda780208241c52942f544acf8e81407a}

[Wyna-7]

Great work! I really like that you created separate components for the forms, it looks much cleaner 🙌

[joriordan332]

Looks great guys well done! Just a very small side note I think the word 'problem' is missing on the pull request on the last acceptance criteria requirement

[Hudamabkhoot]

Looks great guys well done! Just a very small side note I think the word 'problem' is missing on the pull request on the last acceptance criteria requirement

Just added it. Thanks for pointing that out! 🙏