From 00cd98e13c19737cb031f85a2ade216b7c99083c Mon Sep 17 00:00:00 2001
From: Sam Carlton <sam@sam.lc>
Date: Sun, 6 Mar 2022 14:07:47 -0600
Subject: [PATCH] Add list end buttons component

---
 components/list-end-buttons.vue | 44 +++++++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)
 create mode 100644 components/list-end-buttons.vue

diff --git a/components/list-end-buttons.vue b/components/list-end-buttons.vue
new file mode 100644
index 0000000..73d2773
--- /dev/null
+++ b/components/list-end-buttons.vue
@@ -0,0 +1,44 @@
+<template>
+    <div class="flex flex-col md:flex-row space-x-0 space-y-4 md:space-y-0 md:space-x-4">
+        <LinkButton
+            v-for="(link, i) in links"
+            :key="i"
+            :href="link.href"
+            class="text-xs"
+        >
+            {{ link.label }}
+        </LinkButton>
+    </div>
+</template>
+
+<script>
+
+import LinkButton from './link-button.vue'
+
+export default {
+    components: {
+        LinkButton,
+    },
+    props: {
+        query: {
+            type: String,
+            required: true,
+        },
+    },
+    computed: {
+        links () {
+            return [
+                {
+                    label: 'Scan Your Own App',
+                    href: '/apple-silicon-app-test/'
+                },
+                {
+                    label: 'Request an App with Github',
+                    href: `https://github.com/ThatGuySam/doesitarm/issues?q=is%3Aissue+${ this.query }`
+                }
+            ]
+        }
+    }
+}
+
+</script>