From cee25a80152593ed6d1d51b4051c0817a7a21e64 Mon Sep 17 00:00:00 2001
From: Lykin <137850705+tiny-craft@users.noreply.github.com>
Date: Sat, 20 Jan 2024 17:00:25 +0800
Subject: [PATCH] chore: add x link to ribbon

---
 frontend/src/components/sidebar/Ribbon.vue | 20 +++++++++++++++++---
 frontend/src/langs/en-us.json              |  1 +
 frontend/src/langs/zh-cn.json              |  1 +
 3 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/sidebar/Ribbon.vue b/frontend/src/components/sidebar/Ribbon.vue
index efe8844..33fc46b 100644
--- a/frontend/src/components/sidebar/Ribbon.vue
+++ b/frontend/src/components/sidebar/Ribbon.vue
@@ -109,6 +109,10 @@ const onSelectPreferenceMenu = (key) => {
     }
 }
 
+const openX = () => {
+    BrowserOpenURL('https://twitter.com/LykinHuang')
+}
+
 const openGithub = () => {
     BrowserOpenURL('https://github.com/tiny-craft/tiny-rdm')
 }
@@ -149,20 +153,30 @@ const exThemeVars = computed(() => {
                 :render-icon="({ icon }) => render.renderIcon(icon)"
                 :render-label="({ label }) => render.renderLabel($t(label), { class: 'context-menu-item' })"
                 trigger="click"
+                content-class="nav-menu-button"
                 @select="onSelectPreferenceMenu">
-                <icon-button :icon="Config" :size="iconSize" :stroke-width="3" class="nav-menu-button" />
+                <icon-button :icon="Config" :size="iconSize" :stroke-width="3" />
             </n-dropdown>
             <icon-button
                 v-if="prefStore.currentLanguage === 'zh'"
                 :icon="QRCode"
                 :size="iconSize"
-                :tooltip="$t('ribbon.wechat_official')"
+                t-tooltip="ribbon.wechat_official"
                 class="nav-menu-button"
                 @click="showWechat = true" />
+            <icon-button
+                v-else
+                :border="false"
+                :size="iconSize"
+                class="nav-menu-button"
+                t-tooltip="ribbon.follow_x"
+                @click="openX">
+                <span style="font-weight: bold; font-size: 24px">𝕏</span>
+            </icon-button>
             <icon-button
                 :icon="Github"
                 :size="iconSize"
-                :tooltip="$t('ribbon.github')"
+                t-tooltip="ribbon.github"
                 class="nav-menu-button"
                 @click="openGithub" />
         </div>
diff --git a/frontend/src/langs/en-us.json b/frontend/src/langs/en-us.json
index 0af82c2..ef4cd59 100644
--- a/frontend/src/langs/en-us.json
+++ b/frontend/src/langs/en-us.json
@@ -146,6 +146,7 @@
     "browser": "Data Browser",
     "log": "Log",
     "wechat_official": "Wechat Official Account",
+    "follow_x": "Follow My \uD835\uDD4F",
     "github": "Github"
   },
   "dialogue": {
diff --git a/frontend/src/langs/zh-cn.json b/frontend/src/langs/zh-cn.json
index fd00283..f6913fc 100644
--- a/frontend/src/langs/zh-cn.json
+++ b/frontend/src/langs/zh-cn.json
@@ -146,6 +146,7 @@
     "browser": "数据浏览",
     "log": "日志",
     "wechat_official": "微信公众号",
+    "follow_x": "关注的我\uD835\uDD4F",
     "github": "Github"
   },
   "dialogue": {