From 4710871c978440b6e2aa22e7c5b1669d96ed9a09 Mon Sep 17 00:00:00 2001
From: tiny-craft <137850705+tiny-craft@users.noreply.github.com>
Date: Fri, 8 Sep 2023 21:00:29 +0800
Subject: [PATCH] feat: add tooltip for right top widget of windows

---
 .../common/ToolbarControlWidget.vue           | 35 +++++++++++++------
 frontend/src/langs/en.json                    |  4 +++
 frontend/src/langs/zh-cn.json                 |  4 +++
 3 files changed, 33 insertions(+), 10 deletions(-)

diff --git a/frontend/src/components/common/ToolbarControlWidget.vue b/frontend/src/components/common/ToolbarControlWidget.vue
index bf89612..b7f0167 100644
--- a/frontend/src/components/common/ToolbarControlWidget.vue
+++ b/frontend/src/components/common/ToolbarControlWidget.vue
@@ -4,7 +4,7 @@ import WindowMax from '@/components/icons/WindowMax.vue'
 import WindowClose from '@/components/icons/WindowClose.vue'
 import { computed } from 'vue'
 import { useThemeVars } from 'naive-ui'
-import { Quit, WindowMinimise, WindowToggleMaximise } from 'wailsjs/runtime/runtime.js'
+import { Quit, WindowIsMaximised, WindowMinimise, WindowToggleMaximise } from 'wailsjs/runtime/runtime.js'
 
 const themeVars = useThemeVars()
 const props = defineProps({
@@ -33,15 +33,30 @@ const handleClose = () => {
 
 <template>
     <n-space :wrap-item="false" align="center" justify="center" :size="0">
-        <div class="btn-wrapper" @click="handleMinimise">
-            <window-min />
-        </div>
-        <div class="btn-wrapper" @click="handleMaximise">
-            <window-max />
-        </div>
-        <div class="btn-wrapper" @click="handleClose">
-            <window-close />
-        </div>
+        <n-tooltip :show-arrow="false">
+            {{ $t('menu.minimise') }}
+            <template #trigger>
+                <div class="btn-wrapper" @click="handleMinimise">
+                    <window-min />
+                </div>
+            </template>
+        </n-tooltip>
+        <n-tooltip :show-arrow="false">
+            {{ WindowIsMaximised() ? $t('menu.restore') : $t('menu.maximise') }}
+            <template #trigger>
+                <div class="btn-wrapper" @click="handleMaximise">
+                    <window-max />
+                </div>
+            </template>
+        </n-tooltip>
+        <n-tooltip :show-arrow="false">
+            {{ $t('menu.close') }}
+            <template #trigger>
+                <div class="btn-wrapper" @click="handleClose">
+                    <window-close />
+                </div>
+            </template>
+        </n-tooltip>
     </n-space>
 </template>
 
diff --git a/frontend/src/langs/en.json b/frontend/src/langs/en.json
index 591563a..a4947fb 100644
--- a/frontend/src/langs/en.json
+++ b/frontend/src/langs/en.json
@@ -180,6 +180,10 @@
     }
   },
   "menu": {
+    "minimise": "Minimise",
+    "maximise": "Maximise",
+    "restore": "Restore Down",
+    "close": "Close",
     "preferences": "Preferences",
     "help": "Help",
     "check_update": "Check for Updates..."
diff --git a/frontend/src/langs/zh-cn.json b/frontend/src/langs/zh-cn.json
index caf95b0..575e4fd 100644
--- a/frontend/src/langs/zh-cn.json
+++ b/frontend/src/langs/zh-cn.json
@@ -181,6 +181,10 @@
     }
   },
   "menu": {
+    "minimise": "最小化",
+    "maximise": "最大化",
+    "restore": "还原",
+    "close": "关闭",
     "preferences": "偏好设置",
     "help": "帮助",
     "check_update": "检查更新..."