the-collab-lab / tcl-36-smart-shopping-list

1 stars 2 forks source link

Exit list and copy list name functionality added #55

Closed alenamedved closed 2 years ago

alenamedved commented 2 years ago

The list name (localToken) was added on the screen so user know what is shopping list name. It was decided that user should be able to leave existing list if needed, for this one 'exit button' was added with confirmation window, when user confirms localStorage will be cleaned and user will be pushed to the Home page. As user needs to save existing shopping list name a 'copy button' was added - it copies a list name (localToken) when it clicked, so user can paste and save it somewhere else. Functionality to enable "email localToken" still in progress. Disregard the styles: will be updated accordingly with listView style.

Closes #36 #39 #45

Acceptance Criteria

Type of Changes

Type
:bug: Bug fix
βœ“ :sparkles: New feature
:hammer: Refactoring
:100: Add tests
βœ“ :link: Update dependencies
:scroll: Docs

Updates

Before

beforeCopy

After

afterCopy

Testing Steps / QA Criteria

Pull down a branch and run 'npm install' or 'npm i' to install dependencies. Run the app, enter a shopping list and switch to listView page. Confirm that three word token displayed on the page and it is the same that is saved in localStorage. Click the 'copy' button and paste somewhere and confirm that it is the same three word token. Click the 'exit' button, confirmation window should pop up, if 'cancel' - listView page still open, if 'confirm' - home page will be opend and localStorage will be cleaned. To check the localStorage run localStorage in you browser console, three word token would be saved under the key 'list-token'.

github-actions[bot] commented 2 years ago

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

https://tcl-36-smart-shopping-list--pr55-am-listnamecopyandex-7mdoj6uh.web.app

(expires Wed, 09 Mar 2022 21:01:55 GMT)

πŸ”₯ via Firebase Hosting GitHub Action 🌎