From 50cc414db5b3073369051bd7f554caaf62ae72b0 Mon Sep 17 00:00:00 2001
From: Sarah Meko <tmekos1@gmail.com>
Date: Sat, 17 Aug 2024 22:42:47 -0700
Subject: [PATCH] added path prop to SingleList Component

---
 src/views/Home.jsx | 6 +++---
 src/views/List.jsx | 5 -----
 2 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/src/views/Home.jsx b/src/views/Home.jsx
index 1341a11..83b97a9 100644
--- a/src/views/Home.jsx
+++ b/src/views/Home.jsx
@@ -1,20 +1,20 @@
 import './Home.css';
 import { SingleList } from '../components';
-export function Home({ data, setListPath }) {
+export function Home({ data, setListPath, path }) {
 	return (
 		<div className="Home">
 			<p>
 				Hello from the home (<code>/</code>) page!
 			</p>
 			<ul>
-				{/* insert path as prop later */}
 				{data &&
 					data.map((list) => {
 						return (
 							<SingleList
-								key={list.id}
+								key={crypto.randomUUID()}
 								name={list.name}
 								setListPath={setListPath}
+								path={path}
 							/>
 						);
 					})}
diff --git a/src/views/List.jsx b/src/views/List.jsx
index e3c6d99..60ab492 100644
--- a/src/views/List.jsx
+++ b/src/views/List.jsx
@@ -11,11 +11,6 @@ export function List({ data }) {
 					data.map((list) => {
 						return <ListItem key={list.id} name={list.name} />;
 					})}
-				{/**
-				 * TODO: write some JavaScript that renders the `data` array
-				 * using the `ListItem` component that's imported at the top
-				 * of this file.
-				 */}
 			</ul>
 		</>
 	);