From a64e6b531221fcd250003481a907cf8a52caf91a Mon Sep 17 00:00:00 2001
From: Julien Nahum <julien@nahum.net>
Date: Tue, 16 Jan 2024 18:52:51 +0100
Subject: [PATCH] Add feature rqst, roadmap & fb group in footer

---
 client/components/pages/OpenFormFooter.vue | 65 +++++++++++-----------
 client/opnform.config.js                   |  3 +-
 2 files changed, 35 insertions(+), 33 deletions(-)

diff --git a/client/components/pages/OpenFormFooter.vue b/client/components/pages/OpenFormFooter.vue
index ec2df13..971ccee 100644
--- a/client/components/pages/OpenFormFooter.vue
+++ b/client/components/pages/OpenFormFooter.vue
@@ -1,44 +1,58 @@
 <template>
   <div class="w-full">
     <div class="grid md:grid-cols-3 my-8">
-      <div class="flex mt-2">
+      <div class="flex mt-2 items-center">
         <p class="text-sm text-gray-600 dark:text-gray-400 text-center w-full">
           © Copyright {{ currYear }}. All Rights Reserved
         </p>
       </div>
       <div class="flex justify-center mt-5 md:mt-0">
-        <NuxtLink :to="{ name: user ? 'home' : 'index' }" class="flex-shrink-0 font-semibold flex items-center">
-          <NuxtImg src="/img/logo.svg" alt="notion tools logo" class="w-10 h-10"/>
+        <router-link :to="{ name: user ? 'home' : 'welcome' }" class="flex-shrink-0 font-semibold flex items-center">
+          <img src="/img/logo.svg" alt="notion tools logo" class="w-10 h-10">
           <span class="ml-2 text-xl text-black dark:text-white">
-            OpnForm
+            {{ appName }}
           </span>
-        </NuxtLink>
+        </router-link>
+      </div>
+      <div class="flex justify-center mt-5 md:mt-0">
+        <div class="grid grid-cols-1 lg:grid-cols-2 gap-x-4 gap-y-2">
+          <a :href="opnformConfig.links.feature_requests" target="_blank"
+             class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue">
+            Feature Requests
+          </a>
+          <a :href="opnformConfig.links.roadmap" target="_blank"
+             class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue">
+            Roadmap
+          </a>
+          <a :href="opnformConfig.links.facebook_group" target="_blank"
+             class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue">
+            Facebook Group
+          </a>
+          <router-link :to="{name:'privacy-policy'}"
+                       class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue">
+            Privacy Policy
+          </router-link>
+
+          <router-link :to="{name:'terms-conditions'}"
+                       class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue">
+            Terms & Conditions
+          </router-link>
+        </div>
       </div>
-      <ul class="flex justify-center mt-5 md:mt-1">
-          <li class="mr-10">
-            <NuxtLink :to="{name:'privacy-policy'}" class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue">
-              Privacy Policy
-            </NuxtLink>
-          </li>
-          <li class="list-disc pl-3">
-            <NuxtLink :to="{name:'terms-conditions'}" class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue">
-              Terms & Conditions
-            </NuxtLink>
-          </li>
-        </ul>
     </div>
   </div>
 </template>
 
 <script>
 import { computed } from 'vue'
-import { useAuthStore } from '../../stores/auth'
+import opnformConfig from "~/opnform.config.js";
 
 export default {
   setup () {
     const authStore = useAuthStore()
     return {
-      user : computed(() => authStore.user)
+      user : computed(() => authStore.user),
+      opnformConfig
     }
   },
 
@@ -46,18 +60,5 @@ export default {
     currYear: new Date().getFullYear(),
   }),
 
-  computed: {
-    helpUrl: () => this.$config.links.help_url,
-    githubUrl: () => this.$config.links.github_url,
-    forumUrl: () => this.$config.links.github_forum_url,
-    changelogUrl: () => this.$config.links.changelog_url,
-    facebookGroupUrl: () => this.$config.links.facebook_group,
-    twitterUrl: () => this.$config.links.twitter,
-    featureRequestsUrl: () => this.$config.links.feature_requests
-  },
-
-  mounted () {},
-
-  methods: {}
 }
 </script>
diff --git a/client/opnform.config.js b/client/opnform.config.js
index 536334e..ef982f5 100644
--- a/client/opnform.config.js
+++ b/client/opnform.config.js
@@ -15,6 +15,7 @@ export default {
     "twitter": "https://twitter.com/OpnForm",
     "zapier_integration": "https://zapier.com/developer/public-invite/146950/58db583730cc46b821614468d94c35de/",
     "book_onboarding": "https://zcal.co/i/YQVGEULQ",
-    "feature_requests": "https://opnform.canny.io/feature-requests"
+    "feature_requests": "https://opnform.featurebase.app/",
+    "roadmap": "https://opnform.featurebase.app/roadmap",
   }
 }