From a62dd4c020d179ecaa12ddaec0711c7a4cc126bc Mon Sep 17 00:00:00 2001
From: MystiPanda <mystipanda@proton.me>
Date: Mon, 19 Feb 2024 18:10:10 +0800
Subject: [PATCH] chore: add tooltip for tun mode

---
 src/components/setting/setting-system.tsx | 21 ++++++++++++++++++---
 src/locales/en.json                       |  4 +++-
 src/locales/zh.json                       |  4 +++-
 3 files changed, 24 insertions(+), 5 deletions(-)

diff --git a/src/components/setting/setting-system.tsx b/src/components/setting/setting-system.tsx
index 7fdeb8f1..5cee2cab 100644
--- a/src/components/setting/setting-system.tsx
+++ b/src/components/setting/setting-system.tsx
@@ -1,8 +1,8 @@
 import useSWR from "swr";
 import { useRef } from "react";
 import { useTranslation } from "react-i18next";
-import { IconButton, Switch } from "@mui/material";
-import { ArrowForward, PrivacyTipRounded, Settings } from "@mui/icons-material";
+import { IconButton, Switch, Tooltip } from "@mui/material";
+import { PrivacyTipRounded, Settings, InfoRounded } from "@mui/icons-material";
 import { checkService } from "@/services/cmds";
 import { useVerge } from "@/hooks/use-verge";
 import { DialogRef } from "@/components/base";
@@ -57,7 +57,22 @@ const SettingSystem = ({ onError }: Props) => {
         <ServiceViewer ref={serviceRef} enable={!!enable_service_mode} />
       )}
 
-      <SettingItem label={t("Tun Mode")}>
+      <SettingItem
+        label={t("Tun Mode")}
+        extra={
+          <Tooltip
+            title={isWIN ? t("Tun Mode Info Windows") : t("Tun Mode Info Unix")}
+            placement="top"
+          >
+            <IconButton color="inherit" size="small">
+              <InfoRounded
+                fontSize="inherit"
+                style={{ cursor: "pointer", opacity: 0.75 }}
+              />
+            </IconButton>
+          </Tooltip>
+        }
+      >
         <GuardState
           value={enable_tun_mode ?? false}
           valueProps="checked"
diff --git a/src/locales/en.json b/src/locales/en.json
index 3518dcd6..6136153a 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -160,5 +160,7 @@
   "Retain 30 Days": "Retain 30 Days",
   "Retain 90 Days": "Retain 90 Days",
 
-  "Portable Updater Error": "The portable version does not support in-app updates. Please manually download and replace it"
+  "Portable Updater Error": "The portable version does not support in-app updates. Please manually download and replace it",
+  "Tun Mode Info Windows": "The Tun mode requires granting core-related permissions. Please enable service mode before using it",
+  "Tun Mode Info Unix": "The Tun mode requires granting core-related permissions. Before using it, please authorize the core in the core settings"
 }
diff --git a/src/locales/zh.json b/src/locales/zh.json
index e0f634f6..0a9a3a11 100644
--- a/src/locales/zh.json
+++ b/src/locales/zh.json
@@ -160,5 +160,7 @@
   "Retain 30 Days": "保留30天",
   "Retain 90 Days": "保留90天",
 
-  "Portable Updater Error": "便携版不支持应用内更新，请手动下载替换"
+  "Portable Updater Error": "便携版不支持应用内更新，请手动下载替换",
+  "Tun Mode Info Windows": "Tun模式需要授予内核相关权限，使用前请先开启服务模式",
+  "Tun Mode Info Unix": "Tun模式需要授予内核相关权限，使用前请先在内核设置中给内核授权"
 }