Merge pull request #27 from the-collab-lab/dc-tc-alert-on-repeated-item

Alert on repeated item

src/App.jsx

@@ -61,7 +61,9 @@ export function App() {
 					/>
 					<Route
 						path="/manage-list"
-						element={<ManageList listPath={listPath} userId={userId} />}
+						element={
+							<ManageList listPath={listPath} userId={userId} data={data} />
+						}
 					/>
 				</Route>
 			</Routes>

src/components/ListItem.jsx

@@ -4,14 +4,15 @@ import './ListItem.css';
 export function ListItem({ name, dateLastPurchased, onCheck }) {
 	const [isChecked, setIsChecked] = useState(false);
 
+// Update `isChecked` based on the `dateLastPurchased` value
 	useEffect(() => {
 		const checkStatus = () => {
 			if (dateLastPurchased) {
 				const purchaseDate = dateLastPurchased.toDate();
 				const timeSinceLastPurchase = new Date() - purchaseDate;
 				const hasBeenPurchasedRecently =
-					timeSinceLastPurchase < 24 * 60 * 60 * 1000;
 
+				timeSinceLastPurchase < 24 * 60 * 60 * 1000; // 24 hours
 				setIsChecked(hasBeenPurchasedRecently);
 			} else {
 				setIsChecked(false);
@@ -21,6 +22,10 @@ export function ListItem({ name, dateLastPurchased, onCheck }) {
 		checkStatus();
 	}, [dateLastPurchased]);
 
+	const handleChecked = () => {
+		onCheck(id);
+	};
+
 	return (
 		<li className="ListItem">
 			<label>

src/views/ManageList.jsx

@@ -2,7 +2,7 @@ import { useState } from 'react';
 import { addItem } from '../api';
 import { shareList } from '../api/firebase';
 
-export function ManageList({ listPath, userId }) {
+export function ManageList({ listPath, userId, data }) {
 	const [formNewItem, setFormNewItem] = useState({
 		name: '',
 		nextPurchase: 0,
@@ -31,6 +31,25 @@ export function ManageList({ listPath, userId }) {
 			return;
 		}
 		try {
+			//Function to normalize the item name and convert to lowercase goes here
+			const normalizedName = (name) => {
+				return name
+					.toLowerCase()
+					.replace(/[^\w\s]|_/g, '') // for punctuation
+					.replace(/\s+/g, ''); // for spaces
+			};
+
+			// check if the item already exists
+			const itemExists = data.some(
+				(item) => normalizedName(item.name) === normalizedName(name),
+			);
+
+			// if the item already exists, show an error message
+			if (itemExists) {
+				setMessageItem(`${normalizedName(name)} is already in the list`);
+				return;
+			}
+			// if the item does not exist, add it to the list
 			await addItem(listPath, {
 				itemName: name,
 				daysUntilNextPurchase: nextPurchase,