fix: proxy mode description displays incorrectly (#3719)

* fix: proxy mode description display incorrectly

* fix: update language json

---------

Co-authored-by: Tunglies <selenvow+github@gmail.com>

src/components/home/clash-mode-card.tsx

@@ -23,6 +23,15 @@ export const ClashModeCard = () => {
   // 直接使用API返回的模式，不维护本地状态
   const currentMode = clashConfig?.mode?.toLowerCase();
 
+  const modeDescription = useMemo(() => {
+    if (typeof currentMode === "string" && currentMode.length > 0) {
+      return t(
+        `${currentMode[0].toLocaleUpperCase()}${currentMode.slice(1)} Mode Description`,
+      );
+    }
+    return t("Mode Description Not Available");
+  }, [currentMode]);
+
   // 模式图标映射
   const modeIcons = useMemo(
     () => ({
@@ -148,9 +157,7 @@ export const ClashModeCard = () => {
         }}
       >
         <Typography variant="caption" component="div" sx={descriptionStyles}>
-          {t(
+          {modeDescription}
-            `${currentMode?.charAt(0).toUpperCase()}${currentMode?.slice(1)} Mode Description`,
-          )}
         </Typography>
       </Box>
     </Box>

src/locales/en.json

@@ -213,9 +213,9 @@
   "TUN Mode Disabled": "TUN mode is disabled, suitable for special applications",
   "TUN Mode Service Required": "TUN mode requires service mode, please install the service first",
   "TUN Mode Intercept Info": "TUN mode can take over all application traffic, suitable for special applications that do not follow the system proxy settings",
-  "rule Mode Description": "Routes traffic according to preset rules, provides flexible proxy strategies",
+  "Rule Mode Description": "Routes traffic according to preset rules, provides flexible proxy strategies",
-  "global Mode Description": "All traffic goes through proxy servers, suitable for scenarios requiring global internet access",
+  "Global Mode Description": "All traffic goes through proxy servers, suitable for scenarios requiring global internet access",
-  "direct Mode Description": "All traffic doesn't go through proxy nodes, but is forwarded by Clash kernel to target servers, suitable for specific scenarios requiring kernel traffic distribution",
+  "Direct Mode Description": "All traffic doesn't go through proxy nodes, but is forwarded by Clash kernel to target servers, suitable for specific scenarios requiring kernel traffic distribution",
   "Stack": "Tun Stack",
   "System and Mixed Can Only be Used in Service Mode": "System and Mixed Can Only be Used in Service Mode",
   "Device": "Device Name",

src/locales/ru.json

@@ -210,9 +210,9 @@
   "TUN Mode Disabled": "Режим TUN отключен",
   "TUN Mode Service Required": "Режим TUN требует установленную службу Clash Verge",
   "TUN Mode Intercept Info": "Режим TUN может перехватить трафик всех приложений, подходит для приложений, которые не работают в режиме системного прокси.",
-  "rule Mode Description": "Направляет трафик в соответствии с предустановленными правилами",
+  "Rule Mode Description": "Направляет трафик в соответствии с предустановленными правилами",
-  "global Mode Description": "Направляет весь трафик через прокси-серверы",
+  "Global Mode Description": "Направляет весь трафик через прокси-серверы",
-  "direct Mode Description": "Весь трафик обходит прокси, но передается ядром Clash для целевых серверов, подходит для конкретных сценариев, требующих распределения трафика ядра",
+  "Direct Mode Description": "Весь трафик обходит прокси, но передается ядром Clash для целевых серверов, подходит для конкретных сценариев, требующих распределения трафика ядра",
   "Stack": "Стек",
   "System and Mixed Can Only be Used in Service Mode": "Стэк System и Mixed могут использоваться только в режиме системной службы",
   "Device": "Имя устройства",

src/locales/tr.json

@@ -213,9 +213,9 @@
   "TUN Mode Disabled": "TUN modu devre dışı, özel uygulamalar için uygundur",
   "TUN Mode Service Required": "TUN modu hizmet modu gerektirir, lütfen önce hizmeti kurun",
   "TUN Mode Intercept Info": "TUN modu tüm uygulama trafiğini ele alabilir, sistem vekil ayarlarını takip etmeyen özel uygulamalar için uygundur",
-  "rule Mode Description": "Trafiği önceden ayarlanmış kurallara göre yönlendirir, esnek vekil stratejileri sağlar",
+  "Rule Mode Description": "Trafiği önceden ayarlanmış kurallara göre yönlendirir, esnek vekil stratejileri sağlar",
-  "global Mode Description": "Tüm trafik vekil sunucuları üzerinden geçer, küresel internet erişimi gerektiren senaryolar için uygundur",
+  "Global Mode Description": "Tüm trafik vekil sunucuları üzerinden geçer, küresel internet erişimi gerektiren senaryolar için uygundur",
-  "direct Mode Description": "Tüm trafik vekil düğümleri üzerinden geçmez, ancak Clash çekirdeği tarafından hedef sunuculara yönlendirilir, çekirdek trafik dağıtımı gerektiren özel senaryolar için uygundur",
+  "Direct Mode Description": "Tüm trafik vekil düğümleri üzerinden geçmez, ancak Clash çekirdeği tarafından hedef sunuculara yönlendirilir, çekirdek trafik dağıtımı gerektiren özel senaryolar için uygundur",
   "Stack": "Tun Yığını",
   "System and Mixed Can Only be Used in Service Mode": "Sistem ve Karışık Modlar Sadece Hizmet Modunda Kullanılabilir",
   "Device": "Cihaz Adı",

src/locales/zh.json

@@ -213,9 +213,9 @@
   "TUN Mode Disabled": "TUN 模式已关闭，适用于特殊应用",
   "TUN Mode Service Required": "TUN模式需要服务模式，请先安装服务",
   "TUN Mode Intercept Info": "TUN模式可以接管所有应用流量，适用于特殊不遵循系统代理设置的应用",
-  "rule Mode Description": "基于预设规则智能判断流量走向，提供灵活的代理策略",
+  "Rule Mode Description": "基于预设规则智能判断流量走向，提供灵活的代理策略",
-  "global Mode Description": "所有流量均通过代理服务器，适用于需要全局科学上网的场景",
+  "Global Mode Description": "所有流量均通过代理服务器，适用于需要全局科学上网的场景",
-  "direct Mode Description": "所有流量不经过代理节点，但经过Clash内核转发连接目标服务器，适用于需要通过内核进行分流的特定场景",
+  "Direct Mode Description": "所有流量不经过代理节点，但经过Clash内核转发连接目标服务器，适用于需要通过内核进行分流的特定场景",
   "Stack": "TUN 模式堆栈",
   "System and Mixed Can Only be Used in Service Mode": "System 和 Mixed 只能在服务模式下使用",
   "Device": "TUN 网卡名称",