add error handling

sirbully · Jul 19, 2020 · 14f7197 · 14f7197 · vercel · Jul 19, 2020
1 parent 4703685
commit 14f7197
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/components/Search.vue b/src/components/Search.vue
@@ -22,6 +22,8 @@
     <div class="search-results">
       <spinner v-if="loading"></spinner>
 
+      <p v-else-if="locations.length === 0">No results</p>
+
       <div
         v-else
         v-for="location in locations"
@@ -154,6 +156,11 @@ export default {
     background: $grey;
   }
 
+  p {
+    color: $grey;
+    text-align: center;
+  }
+
   div {
     padding: 24px 16px;
     margin-bottom: 16px;