From 14f7197056e35da662269c289abbf68237e94065 Mon Sep 17 00:00:00 2001
From: Krizza Bullecer <krizzabullecer@gmail.com>
Date: Sun, 19 Jul 2020 16:23:29 +0800
Subject: [PATCH] add error handling

---
 src/components/Search.vue | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/components/Search.vue b/src/components/Search.vue
index 46dac83..9d16bef 100644
--- 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;