Complete 2.15 & 2.16

part2/2.15-2.18/db.json

@@ -1,24 +1,34 @@
 {
-    "persons":[
+  "persons": [
-      { 
+    {
-        "name": "Arto Hellas", 
+      "name": "Arto Hellas",
-        "number": "040-123456",
+      "number": "040-123456",
-        "id": 1
+      "id": 1
-      },
+    },
-      { 
+    {
-        "name": "Ada Lovelace", 
+      "name": "Ada Lovelace",
-        "number": "39-44-5323523",
+      "number": "39-44-5323523",
-        "id": 2
+      "id": 2
-      },
+    },
-      { 
+    {
-        "name": "Dan Abramov", 
+      "name": "Dan Abramov",
-        "number": "12-43-234345",
+      "number": "12-43-234345",
-        "id": 3
+      "id": 3
-      },
+    },
-      { 
+    {
-        "name": "Mary Poppendieck", 
+      "name": "Mary Poppendieck",
-        "number": "39-23-6423122",
+      "number": "39-23-6423122",
-        "id": 4
+      "id": 4
-      }
+    },
-    ]
+    {
-  }
+      "name": "Thuan",
+      "number": "0988289099",
+      "id": 5
+    },
+    {
+      "name": "Thao",
+      "number": "0934023910",
+      "id": 6
+    }
+  ]
+}

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('')