From c2cf196d7801d0110a41506c368cea50f58d7dab Mon Sep 17 00:00:00 2001
From: StefieCaff <108297341+StefieCaff@users.noreply.github.com>
Date: Tue, 27 Feb 2024 12:54:46 -0700
Subject: [PATCH] Update ListItem.jsx

add name and id attribute to input element for semantics and accessibility
---
 src/components/ListItem.jsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/ListItem.jsx b/src/components/ListItem.jsx
index 9f97927..4216cb7 100644
--- a/src/components/ListItem.jsx
+++ b/src/components/ListItem.jsx
@@ -19,6 +19,7 @@ export function ListItem({ name, listPath, id, dateLastPurchased }) {
 				{name}
 				<input
 					type="checkbox"
+					id={`checkbox-${id}`} // Unique identifier
 					name={name}
 					onChange={handleChecked}
 					checked={subtractDates(todaysDate, dateLastPurchased)}