Render shopping list items

[eva-lng]

For an example of how to fill this template out, see this Pull Request.

Description

SingleList and ListItem components imported into Home and List pages and implemented to render shopping lists and shopping list's items on those pages.

Related Issue

closes #2

Acceptance Criteria

• The useShoppingLists hook is used in App.jsx to get the shopping lists a user has access to from the database
• The lists are passed into the Home component as a prop named data
• The setListPath function is passed into the Home component so we can update the current list
• The useShoppingListData hook is used in App.jsx to get the items in the current list from the Firestore database
• The list is passed into the List component as a prop named data
• In Home.jsx, the SingleList component is used to render the name of each shopping list a user is subscribed to
• 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

npm start
Navigate to the browser
Check Homepage to see the rendered shopping
Check the List page to see the rendered shopping list items names

[didemydn]

Hi team :) Thank you
the list page looks fine but I don't see the changes on the home page.
please see the below

[vivitt]

Great job here! Happy to see the app starting to grow 🚀

I left two comments for further improvement. Feel free to address them before merging or reach out if you have any questions.

[vivitt]

The SingleList component also receives path and setListPath as props. We should pass these props to ensure the list path is correctly stored and can be used to retrieve the list data.

Apart from that, this is very nice code. It's great that you added the key ✨

[vivitt]

Once SingleList receives all the props, we should be able to remove the hardcoded list path and replace it with listPath again.

[github-actions]

Visit the preview URL for this PR (updated for commit 71e332c):

https://tcl-78-smart-shopping-list--pr16-el-tc-display-list-i-l8rjvk3u.web.app

_{(expires Mon, 26 Aug 2024 07:45:48 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: c781903507c1507075d7a974036959ddeec29c0a}