He rb new list setup #47
Conversation
…e and to app state. Altered componentDidMount in Item.js to query userThree and map function that displays list to reflect userThree item names.
…own the token and the function to generate a token as props.
…t-shopping-list into he-rb-new-list-setup
…itialization, refactored ItemsList to be functional to use hooks.
There was a problem hiding this comment.
I'm a bit confused about the implementation -- As far as I can tell from the ticket, the implementation calls for us to call the token from localStorage and check that against Firebase to call an existing list, not to let the user manually submit the user token.
Confirmation @segdeha & @stacietaylorcima?
…t to reflect the change.
That's correct. Allowing the user to input an existing token is covered in story #27 (5). We might have some overachievers on our hands 😅 |
Just reposting the comment I made on the issue:
The file structure got somewhat re-organized. After the changes some components weren't being used so they were removed.
There were firebase errors because we weren't using the firebase initialization function in the firebase.js file. Every firebase call uses it now.
We're also confirming success and catching errors on adding items in the form component. As a user I get a little confused if I don't see some kind of feedback when submitting a form.
The items list component got refactored because using component didmount/update in the class based component was causing a memory leak error. It's functional now and using hooks.
Now a user can enter a pre-existing token on the home page or generate a new one.
Navigating to add items will allow a user to add items to the collection associated with the token or create a new collection with the newly generated token. A user will be able to see added items or any items already in the db for the entered token on the home page.