Fix city does not exist

routes/api.js

@@ -15,15 +15,16 @@ router.post('/', (req, res, next) => {
 
   // Make a request for a user with a given ID
   axios.get(url)
-    .then(({ data }) => {
+    .then((response) => {
       // handle success
-      console.log(data);
+      const { data } = response;
+      console.log(response);
       res.render('weather', { title: city, data });
     })
     .catch((error) => {
       // handle error
       console.log(error);
-      next();
+      res.render('error', { title: 'Not found', city, error });
     });
 });
 

views/error.ejs

@@ -1,3 +1,2 @@
-<h1><%= message %></h1>
-<h2><%= error.status %></h2>
-<pre><%= error.stack %></pre>
+<h1> <%= city %> does not exist</h1>
+<a href="/api">Try again</a>

views/weather.ejs

@@ -1,3 +1,3 @@
-<h2> <%= data.name %> </h2>
+<h1> <%= data.name %> </h1>
 <p>The weather in <%= data.name %> is <%= Math.floor(data.main.temp - 273) %> degrees Celsius</p>
 <a href="/api">Mirar otra ciudad</a>