From 7467ca2c078190f27df0b59bc6acedf9366d7503 Mon Sep 17 00:00:00 2001
From: Sam Carlton <sam@sam.lc>
Date: Sun, 6 Mar 2022 14:09:16 -0600
Subject: [PATCH] Add ListEnd button below searchable lists

---
 pages/device/_slug.vue | 29 ++++-------------------------
 pages/games.vue        |  1 +
 pages/index.vue        | 27 ++++-----------------------
 3 files changed, 9 insertions(+), 48 deletions(-)

diff --git a/pages/device/_slug.vue b/pages/device/_slug.vue
index 7673e93..76353a7 100644
--- a/pages/device/_slug.vue
+++ b/pages/device/_slug.vue
@@ -57,30 +57,7 @@
 
             </div>
 
-            <div class="flex flex-col md:flex-row space-x-0 space-y-4 md:space-y-0 md:space-x-4">
-
-                <LinkButton
-                    :href="`https://github.com/ThatGuySam/doesitarm/issues?q=is%3Aissue+${query}`"
-                    class="text-xs"
-                >
-                    Request an App with Github
-                </LinkButton>
-
-                <LinkButton
-                    :href="`https://twitter.com/DoesItARM/status/1330027384041508865`"
-                    class="text-xs"
-                >
-                    Request an App with Twitter
-                </LinkButton>
-
-                <LinkButton
-                    :href="`/apple-silicon-app-test/`"
-                    class="text-xs"
-                >
-                    Scan Your Own App
-                </LinkButton>
-
-            </div>
+            <ListEndButtons :query="query" />
 
         </div>
     </section>
@@ -89,6 +66,7 @@
 <script>
 import Search from '~/components/search.vue'
 import LinkButton from '~/components/link-button.vue'
+import ListEndButtons from '~/components/list-end-buttons.vue'
 
 // import { categories } from '~/helpers/categories.js'
 import { deviceSupportsApp } from '~/helpers/devices.js'
@@ -151,7 +129,8 @@ export default {
     },
     components: {
         Search,
-        LinkButton
+        LinkButton,
+        ListEndButtons
     },
     data: function () {
         return {
diff --git a/pages/games.vue b/pages/games.vue
index 6e0a243..887ad78 100644
--- a/pages/games.vue
+++ b/pages/games.vue
@@ -31,6 +31,7 @@ import Search from '~/components/search.vue'
 import LinkButton from '~/components/link-button.vue'
 import ThomasCredit from '~/components/thomas-credit.vue'
 
+
 import gameList from '~/static/game-list.json'
 
 export default {
diff --git a/pages/index.vue b/pages/index.vue
index f681f43..edb8cf4 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -26,28 +26,7 @@
                 </template>
             </Search>
 
-            <div class="flex flex-col md:flex-row space-x-0 space-y-4 md:space-y-0 md:space-x-4">
-                <LinkButton
-                    :href="`https://github.com/ThatGuySam/doesitarm/issues?q=is%3Aissue+${query}`"
-                    class="text-xs"
-                >
-                    Request an App with Github
-                </LinkButton>
-
-                <LinkButton
-                    :href="`https://twitter.com/DoesItARM/status/1330027384041508865`"
-                    class="text-xs"
-                >
-                    Request an App with Twitter
-                </LinkButton>
-
-                <LinkButton
-                    :href="`/apple-silicon-app-test/`"
-                    class="text-xs"
-                >
-                    Scan Your Own App
-                </LinkButton>
-            </div>
+            <ListEndButtons :query="query" />
 
             <AllUpdatesSubscribe
                 :input-class-groups="{
@@ -72,6 +51,7 @@ import Search from '~/components/search.vue'
 import LinkButton from '~/components/link-button.vue'
 import AllUpdatesSubscribe from '~/components/all-updates-subscribe.vue'
 import ListSummary from '~/components/list-summary.vue'
+import ListEndButtons from '~/components/list-end-buttons.vue'
 
 export default {
     async asyncData () {
@@ -125,7 +105,8 @@ export default {
         Search,
         LinkButton,
         AllUpdatesSubscribe,
-        ListSummary
+        ListSummary,
+        ListEndButtons
     },
     data: function () {
         return {