completed 2.7

parts/2/notes.md

@@ -5,7 +5,7 @@ Exercises:
 * [X] 2.4
 * [X] 2.5
 * [X] 2.6
-* [ ] 2.7
+* [X] 2.7
 * [ ] 2.8
 * [ ] 2.9
 * [ ] 2.10

parts/2/phoneBook/src/App.jsx

@@ -7,7 +7,15 @@ const App = () => {
 
   const handleOnSubmit = (event) => {
     event.preventDefault();
-    setPersons(persons.concat({ name: [newName] }));
+    if (
+      persons.some((person) => {
+        return person.name === newName;
+      })
+    ) {
+      alert(`${newName} is already in the phonebook.`);
+      return;
+    }
+    setPersons(persons.concat({ name: newName }));
   };
 
   const handleNameChange = (event) => {

parts/2/phoneBook/src/components/PersonList.jsx

@@ -1,12 +1,9 @@
 const PersonList = ({ persons }) => {
-  console.log("the list");
-  console.log(persons);
-
   return (
     <>
       <ul>
         {persons.map((person) => {
-          return <li id={person.name}>{person.name}</li>;
+          return <li key={person.name}>{person.name}</li>;
         })}
       </ul>
     </>