From 75821711a07286e048b186bbacbda83db217c322 Mon Sep 17 00:00:00 2001
From: Thuan Bui <thuanbui87@gmail.com>
Date: Mon, 13 Sep 2021 10:51:41 +0700
Subject: [PATCH] Complete 2.15 & 2.16

---
 part2/2.15-2.18/db.json    | 56 ++++++++++++++++++++++----------------
 part2/2.15-2.18/src/App.js | 10 +++++++
 2 files changed, 43 insertions(+), 23 deletions(-)

diff --git a/part2/2.15-2.18/db.json b/part2/2.15-2.18/db.json
index 24b2490..1356c35 100644
--- a/part2/2.15-2.18/db.json
+++ b/part2/2.15-2.18/db.json
@@ -1,24 +1,34 @@
 {
-    "persons":[
-      { 
-        "name": "Arto Hellas", 
-        "number": "040-123456",
-        "id": 1
-      },
-      { 
-        "name": "Ada Lovelace", 
-        "number": "39-44-5323523",
-        "id": 2
-      },
-      { 
-        "name": "Dan Abramov", 
-        "number": "12-43-234345",
-        "id": 3
-      },
-      { 
-        "name": "Mary Poppendieck", 
-        "number": "39-23-6423122",
-        "id": 4
-      }
-    ]
-  }
\ No newline at end of file
+  "persons": [
+    {
+      "name": "Arto Hellas",
+      "number": "040-123456",
+      "id": 1
+    },
+    {
+      "name": "Ada Lovelace",
+      "number": "39-44-5323523",
+      "id": 2
+    },
+    {
+      "name": "Dan Abramov",
+      "number": "12-43-234345",
+      "id": 3
+    },
+    {
+      "name": "Mary Poppendieck",
+      "number": "39-23-6423122",
+      "id": 4
+    },
+    {
+      "name": "Thuan",
+      "number": "0988289099",
+      "id": 5
+    },
+    {
+      "name": "Thao",
+      "number": "0934023910",
+      "id": 6
+    }
+  ]
+}
\ No newline at end of file
diff --git a/part2/2.15-2.18/src/App.js b/part2/2.15-2.18/src/App.js
index 65e865d..2328097 100644
--- a/part2/2.15-2.18/src/App.js
+++ b/part2/2.15-2.18/src/App.js
@@ -1,4 +1,5 @@
 import React, { useState, useEffect } from 'react'
+import axios from 'axios'
 import Filter from './components/Filter'
 import PersonForm from './components/PersonForm'
 import Person from './components/Person'
@@ -47,6 +48,15 @@ const App = () => {
     const check = persons.filter(person => person.name === newName )
     check.length === 0 ? setPersons(persons.concat(newPerson)) : alert(`${newName} is already added to phonebook`)
 
+    if (check.length ===0) {
+      axios
+        .post('http://localhost:3001/persons', newPerson)
+        .then(response => {
+            console.log(response)
+        })
+    }
+    
+
     setNewNumber('')
     setNewName('')
     setNewSearch('')