From 7e221336868ba879ccad90205093feaed9b45c1d Mon Sep 17 00:00:00 2001
From: Sam Carlton <sam@sam.lc>
Date: Sat, 28 Nov 2020 16:16:45 -0600
Subject: [PATCH] Enable custom request links for category pages

---
 helpers/categories.js |  8 +++++++-
 pages/kind/_slug.vue  | 39 ++++++++++++++++++++++++++-------------
 2 files changed, 33 insertions(+), 14 deletions(-)

diff --git a/helpers/categories.js b/helpers/categories.js
index 755c54d..d410a8e 100644
--- a/helpers/categories.js
+++ b/helpers/categories.js
@@ -72,7 +72,13 @@ export const categories = {
         label: 'Games',
         pluralLabel: 'Games',
         slug: 'games',
-        icon: '🎮'
+        icon: '🎮',
+        requestLinks: [
+            {
+                href: 'https://forms.gle/29GWt85i1G1L7Ttj8',
+                label: 'Request a Game'
+            }
+        ]
     },
     'homebrew': {
         ...categoryTemplate,
diff --git a/pages/kind/_slug.vue b/pages/kind/_slug.vue
index 048a540..fffef63 100644
--- a/pages/kind/_slug.vue
+++ b/pages/kind/_slug.vue
@@ -18,20 +18,33 @@
                 @update:query="query = $event"
             />
 
-            <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>
+            <div class="flex flex-col md:flex-row space-x-0 space-y-4 md:space-y-0 md:space-x-4">
+                <template v-if="category.requestLinks">
+                    <LinkButton
+                        v-for="link in category.requestLinks"
+                        :key="link.label"
+                        :href="link.href"
+                        class="text-xs"
+                    >
+                        {{ link.label }}
+                    </LinkButton>
+                </template>
+                <template v-else>
+                    <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>
+                </template>
             </div>
 
         </div>