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,5 +1,5 @@
 {
-  "persons":[
+  "persons": [
     {
       "name": "Arto Hellas",
       "number": "040-123456",
@@ -19,6 +19,16 @@
       "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("");
   };