From e416ec0e079c66fa3cd26f8ab003a3c856a85655 Mon Sep 17 00:00:00 2001
From: Sam Carlton <sam@sam.lc>
Date: Sat, 19 Sep 2020 22:26:37 -0500
Subject: [PATCH] Add no results message and action

---
 components/search.vue |  8 +++++++-
 pages/index.vue       | 10 +++++++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/components/search.vue b/components/search.vue
index 277c190..c1bb1cd 100644
--- a/components/search.vue
+++ b/components/search.vue
@@ -19,12 +19,18 @@
             ref="search-container"
             class="search-container relative w-full"
         >
-            <div class="search-wrapper flex justify-center pb-32">
+            <div class="search-wrapper flex justify-center">
                 <div class="search-scroller w-full relative">
 
                     <div class="search-results py-8">
 
                         <ul class="results-container rounded-lg border border-gray-700 divide-y divide-gray-700 neumorphic-shadow px-5">
+                            <li
+                                v-if="results.length === 0"
+                                class="text-center py-4"
+                            >
+                                No apps found
+                            </li>
                             <li
                                 v-for="(app, i) in results"
                                 :key="`${app.slug}-${i}`"
diff --git a/pages/index.vue b/pages/index.vue
index 0750ede..fe8f624 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -9,18 +9,26 @@
             </h2>
 
             <Search />
+
+            <LinkButton
+                href="https://github.com/ThatGuySam/doesitarm/issues"
+            >
+                Request an App
+            </LinkButton>
         </div>
     </section>
 </template>
 
 <script>
 import Search from '~/components/search.vue'
+import LinkButton from '~/components/link-button.vue'
 
 import appList from '~/assets/app-list.json'
 
 export default {
     components: {
-        Search
+        Search,
+        LinkButton
     },
     computed: {
         appList() {