From 2546ad123a34ac9fa1ab7bac4a197dfddbbd3115 Mon Sep 17 00:00:00 2001
From: "Taegeon Go (Alan)" <tae.gun7784@gmail.com>
Date: Mon, 21 Oct 2024 10:43:03 +0900
Subject: [PATCH] add forum to mobile nav

---
 src/components/header/mobile/MobileNav.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/header/mobile/MobileNav.vue b/src/components/header/mobile/MobileNav.vue
index 4c1a1fb29..c0dcb8827 100644
--- a/src/components/header/mobile/MobileNav.vue
+++ b/src/components/header/mobile/MobileNav.vue
@@ -46,6 +46,11 @@
               <span class="text--link">{{ $t('sidenavi.data') }}</span>
             </div>
           </router-link>
+          <a :href="socialUrl.forum" :class="['link']" target="_blank" @click="showNav = !showNav">
+            <div class="column--item column--item--dashboard">
+              <span class="text--link">{{ $t('sidenavi.forum') }}</span>
+            </div>
+          </a>
         </nav>
         <a class="lfgm-mobile" :href="lfgmUrl" target="_blank">
           <img :src="require('src/assets/img/lfgm.svg')" alt="LFGM" />
@@ -89,7 +94,7 @@ import { defineComponent, ref, computed } from 'vue';
 import { useRouter } from 'vue-router';
 import { useBreakpoints, useNetworkInfo } from 'src/hooks';
 import { Path as RoutePath } from 'src/router/routes';
-import { lfgmUrl } from 'src/links';
+import { lfgmUrl, socialUrl } from 'src/links';
 import { useStore } from 'src/store';
 import { providerEndpoints } from 'src/config/chainEndpoints';
 import AstarDomains from './AstarDomains.vue';
@@ -120,6 +125,7 @@ export default defineComponent({
       network,
       isZkyoto,
       lfgmUrl,
+      socialUrl,
     };
   },
 });