From 011fe521780e018e4621a74570a092b3bf8320ca Mon Sep 17 00:00:00 2001
From: "Taegeon Go (Alan)" <tae.gun7784@gmail.com>
Date: Mon, 28 Oct 2024 15:22:45 +0900
Subject: [PATCH] add governance link to mobile nav

---
 src/components/header/mobile/MobileNav.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/header/mobile/MobileNav.vue b/src/components/header/mobile/MobileNav.vue
index 7bb1f4ea4..dead1d09e 100644
--- a/src/components/header/mobile/MobileNav.vue
+++ b/src/components/header/mobile/MobileNav.vue
@@ -51,7 +51,9 @@
               <span class="text--link">{{ $t('sidenavi.forum') }}</span>
             </div>
           </a>
-          <a href="" target="_blank">{{ $t('sidenavi.governance') }}</a>
+          <a v-if="isGovernanceEnabled" :href="governanceUrl" target="_blank">{{
+            $t('sidenavi.governance')
+          }}</a>
         </nav>
         <a class="lfgm-mobile" :href="lfgmUrl" target="_blank">
           <img :src="require('src/assets/img/lfgm.svg')" alt="LFGM" />
@@ -93,7 +95,7 @@
 <script lang="ts">
 import { defineComponent, ref, computed } from 'vue';
 import { useRouter } from 'vue-router';
-import { useBreakpoints, useNetworkInfo } from 'src/hooks';
+import { useBreakpoints, useNetworkInfo, useGovernance } from 'src/hooks';
 import { Path as RoutePath } from 'src/router/routes';
 import { lfgmUrl, socialUrl } from 'src/links';
 import { useStore } from 'src/store';
@@ -112,6 +114,7 @@ export default defineComponent({
     const router = useRouter();
     const path = computed(() => router.currentRoute.value.path.split('/')[2]);
     const { isZkyoto } = useNetworkInfo();
+    const { isGovernanceEnabled, governanceUrl } = useGovernance();
 
     const store = useStore();
     const currentNetworkIdx = computed(() => store.getters['general/networkIdx']);
@@ -127,6 +130,8 @@ export default defineComponent({
       isZkyoto,
       lfgmUrl,
       socialUrl,
+      isGovernanceEnabled,
+      governanceUrl,
     };
   },
 });