From dfeec4d353dd6ab7f6307944771a398f2501c23e Mon Sep 17 00:00:00 2001
From: counterweight <counterweightoperator@protonmail.com>
Date: Mon, 26 May 2025 00:18:12 +0200
Subject: [PATCH] completed 2.12

---
 parts/2/notes.md              |  1 +
 parts/2/phoneBook/db.json     | 30 ++++++++++++++++++++----------
 parts/2/phoneBook/src/App.jsx | 10 +++++++++-
 3 files changed, 30 insertions(+), 11 deletions(-)

diff --git a/parts/2/notes.md b/parts/2/notes.md
index a00d2bb..c9a686c 100644
--- a/parts/2/notes.md
+++ b/parts/2/notes.md
@@ -10,3 +10,4 @@ Exercises:
 * [X] 2.9
 * [X] 2.10
 * [X] 2.11
+* [X] 2.12
diff --git a/parts/2/phoneBook/db.json b/parts/2/phoneBook/db.json
index 5e3231c..1a552ba 100644
--- a/parts/2/phoneBook/db.json
+++ b/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"
     }
   ]
-}
+}
\ No newline at end of file
diff --git a/parts/2/phoneBook/src/App.jsx b/parts/2/phoneBook/src/App.jsx
index 534d66b..aea8bcc 100644
--- a/parts/2/phoneBook/src/App.jsx
+++ b/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("");
   };