changed two state code label to a full label

bmarieay · Mar 2, 2022 · 197494a · 197494a
1 parent 94b8d4a
commit 197494a
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 7 deletions.
diff --git a/controllers/campgrounds.js b/controllers/campgrounds.js
@@ -8,7 +8,6 @@ const geocoder = mbxGeocoding({ accessToken: mapBoxToken });
 const {config, reverseGeo} = require("../tools/index");
 /*
 ** TODO:IMPROVE ACCESSIBLITY
-**      AFTER NEED TO REFACTOR ASYNCS TO MIDDLEWARE
 */
 module.exports.index = async (req, res) => {
     const result = {};
@@ -94,9 +93,6 @@ module.exports.index = async (req, res) => {
             }
         });
         await Promise.all(campPromises);
-    } else {
-        // NOTHING FOUND IN API
-        result.query = q;
     }
     // res.send(result);
     res.render('campgrounds/index', {result})

diff --git a/public/javascripts/searchMode.js b/public/javascripts/searchMode.js
@@ -1,12 +1,15 @@
 const options = document.querySelectorAll('option');
-
+const stateLabel = document.querySelector('.state-label')
+let state;
 const stateCode = filter;
 
 //apply selected attribute to filtered state
 for(let option of options){
     if(option.getAttribute('value') == stateCode){
+        state = option.innerText;
         option.selected = true;
         break;
     }
 }
 
+stateLabel.innerText = state;
diff --git a/views/campgrounds/index.ejs b/views/campgrounds/index.ejs
@@ -15,7 +15,7 @@
         </ul>
     </nav>
 <% } else if(result.filter && result.results.length) {%> 
-    <h1 class="pb-3">Showing campgrounds at <%= result.filter %> </h1>
+    <h1 class="pb-3" class="labelMode">Showing campgrounds at <span class="state-label"></span></h1>
 <% } %> 
 
 <form action="/campgrounds" class="pb-4">
@@ -108,7 +108,7 @@
         </div>
     <% } %>
 <% } else {%> 
-    <h1 class="pt-4">Sorry, no campgrounds to show in <%= result.query %></h1>
+    <h1 class="pt-4">Sorry, no campgrounds to show in <span class="state-label"></span></h1>
 <% } %> 
     <script>
         const mapToken = '<%- process.env.MAPBOX_TOKEN %>';