completed 2.12

parts/2/notes.md

@@ -10,3 +10,4 @@ Exercises:
 * [X] 2.9
 * [X] 2.10
 * [X] 2.11
+* [X] 2.12

parts/2/phoneBook/db.json

@@ -1,24 +1,34 @@
 {
-  "persons":[
-    { 
-      "name": "Arto Hellas", 
+  "persons": [
+    {
+      "name": "Arto Hellas",
       "number": "040-123456",
       "id": "1"
     },
-    { 
-      "name": "Ada Lovelace", 
+    {
+      "name": "Ada Lovelace",
       "number": "39-44-5323523",
       "id": "2"
     },
-    { 
-      "name": "Dan Abramov", 
+    {
+      "name": "Dan Abramov",
       "number": "12-43-234345",
       "id": "3"
     },
-    { 
-      "name": "Mary Poppendieck", 
+    {
+      "name": "Mary Poppendieck",
       "number": "39-23-6423122",
       "id": "4"
+    },
+    {
+      "id": "aaa",
+      "name": "aaa",
+      "number": "123"
+    },
+    {
+      "id": "bbb",
+      "name": "bbb",
+      "number": "333"
     }
   ]
-}
+}

parts/2/phoneBook/src/App.jsx

@@ -58,8 +58,16 @@ const App = () => {
       alert(`${newName} is already in the phonebook.`);
       return;
     }
-    setPersons(persons.concat({ name: newName, number: newNumber }));
 
+    axios
+      .post("http://localhost:3001/persons", {
+        name: newName,
+        number: newNumber,
+        id: newName,
+      })
+      .then((response) => {
+        setPersons(persons.concat(response.data));
+      });
     setNewName("");
     setNewNumber("");
   };