Changed for Part 2

Author: zellwk

public/main.js

@@ -1,7 +1,7 @@
 /* globals fetch */
-
 var update = document.getElementById('update')
 var del = document.getElementById('delete')
+
 update.addEventListener('click', function () {
   fetch('quotes', {
     method: 'put',
@@ -10,8 +10,12 @@ update.addEventListener('click', function () {
       'name': 'Darth Vader',
       'quote': 'I find your lack of faith disturbing.'
     })
-  }).then(function (response) {
-    window.location.reload()
+  })
+  .then(response => {
+    if (response.ok) return response.json()
+  })
+  .then(data => {
+    console.log(data)
   })
 })
 

server.js

@@ -1,8 +1,8 @@
 const express = require('express')
 const app = express()
 const bodyParser = require('body-parser')
-
 const MongoClient = require('mongodb').MongoClient
+
 var db
 
 MongoClient.connect('mongodb://zellwk:zellwk@ds047955.mongolab.com:47955/star-wars-quotes', (err, database) => {
@@ -16,7 +16,7 @@ MongoClient.connect('mongodb://zellwk:zellwk@ds047955.mongolab.com:47955/star-wa
 app.set('view engine', 'ejs')
 app.use(bodyParser.urlencoded({extended: true}))
 app.use(bodyParser.json())
-app.use(express.static(__dirname + '/public'))
+app.use(express.static('public'))
 
 app.get('/', (req, res) => {
   db.collection('quotes').find().toArray((err, result) => {
@@ -35,14 +35,17 @@ app.post('/quotes', (req, res) => {
 
 app.put('/quotes', (req, res) => {
   db.collection('quotes')
-  .findOneAndUpdate({}, {
+  .findOneAndUpdate({name: 'Yoda'}, {
     $set: {
       name: req.body.name,
       quote: req.body.quote
     }
+  }, {
+    sort: {_id: -1},
+    upsert: true
   }, (err, result) => {
-    if (err) return res.send(500, err)
-    res.send(result.value)
+    if (err) return res.send(err)
+    res.send(result)
   })
 })
 

views/index.ejs

@@ -26,9 +26,10 @@
   </form>
 
   <div>
-    <h2>Change first quote</h2>
-    <button id="update"> Change quote </button>
+    <h2>Replace last quote written by Master Yoda with a quote written by Darth Vadar</h2>
+    <button id="update"> Darth Vadar invades! </button>
   </div>
+
   <div>
     <h2>Delete Darth Vadar's first quote</h2>
     <button id="delete"> Delete first Darth Vadar quote </button>