[ISSUE 2] - read shopping lists and items - WarrenC NikaK

[kweeuhree]

Description

This code allows to display shopping lists in Home component, as well as specific list items in List component

Related Issue

Issue #2

Acceptance Criteria

• [x] The useShoppingLists hook is used in App.jsx to get the shopping lists a user has access to from the database
• [x] The lists are passed into the Home component as a prop named data
• [x] The setListPath function is passed into the Home component so we can update the current list
• [x] The useShoppingListData hook is used in App.jsx to get the items in the current list from the Firestore database
• [x] The list is passed into the List component as a prop named data
• [x] In Home.jsx, the SingleList component is used to render the name of each shopping list a user is subscribed to
• [x] In List.jsx, the ListItem component is used to render the name of each item

Type of Changes

enhancement

Updates

Before

After

Testing Steps / QA Criteria

1. I ran npm start to start the application and went to localhost:3000;
2. I clicked the "sign in" button > chose my gmail account > submit;
3. I verified that 'First List' is being displayed on Home page ('/');
4. I verified that items from the 'First List' are being displayed if a user navigates to '/list';

[github-actions[bot]]

Visit the preview URL for this PR (updated for commit 2e40643):

https://tcl-75-smart-shopping-list--pr25-wc-nk-read-shopping-uhucd4vp.web.app

_{(expires Wed, 21 Aug 2024 17:16:14 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 1f1fd53c369e1fa31e15c310aa075b4e8f4f8dde}

[deeheber]

Hey @dilekbaykara was this an accidental merge?

You need to review the other group's PR (this PR) then the assigned review mentor for the week (me) reviews, then the folks who put up the PR merge it once there are three approvals.

No worries, we can review to make sure the review/merge process is clearer at our sync this week.