Merge pull request #37 from the-collab-lab/ce-ju--dublicate-list-alert

Ce ju  dublicate list alert

src/components/ListForm.jsx

@@ -2,12 +2,19 @@ import { useState } from 'react';
 import { createList } from '../api';
 import { useNavigate } from 'react-router-dom';
 import { inputHasValue } from '../utils/inputValidation';
+import { stringsHaveSameValue } from '../utils/inputValidation';
 
 const ListForm = (props) => {
-	const { setMessage, setListPath, userId, userEmail } = props;
+	const { setMessage, setListPath, userId, userEmail, data } = props;
 	const [newList, setNewList] = useState('');
 	const navigate = useNavigate();
 
+	const checkNameNewList = (newList) => {
+		if (data.some((item) => stringsHaveSameValue(newList, item.name))) {
+			return true;
+		}
+	};
+
 	const handleSubmit = async (event) => {
 		event.preventDefault();
 
@@ -16,6 +23,11 @@ const ListForm = (props) => {
 			setNewList('');
 			return;
 		}
+		if (checkNameNewList(newList)) {
+			setMessage('A List with this name already exists');
+			setNewList('');
+			return;
+		}
 
 		try {
 			const response = await createList(userId, userEmail, newList);

src/views/Home.jsx

@@ -18,6 +18,7 @@ export function Home({ data, setListPath, userId, userEmail }) {
 					setListPath={setListPath}
 					userId={userId}
 					userEmail={userEmail}
+					data={data}
 				/>
 				{message !== '' && <ErrorMessage errorMessage={message} />}
 			</div>