chore: update changelog and improve user agent settings UI

Author: OneOhCloud

CHANGELOG.MD

@@ -4,7 +4,7 @@
 
 Use development and beta versions only if you are aware of the potential risks.
 
-## Changes since v1.1.78
+## Changes since v1.1.79
 
 All significant changes in this version are documented here.
 
@@ -25,7 +25,7 @@ All significant changes in this version are documented here.
 - Fix the issue of failing to get "Direct DNS"
 - Fix the issue of clicking "Dashboard" not responding on some systems
 
-## 自 v1.1.78 以来的变更
+## 自 v1.1.79 以来的变更
 
 本版本的所有重要变更将记录于此。
 

lang/en.json

@@ -179,7 +179,7 @@
     "ua_option_sfm_1_12": "sing-box 1.12 mac",
     "ua_option_sfa_1_12": "sing-box 1.12 android",
     "ua_option_custom": "custom",
-    "user_agent_settings": "User Agent Settings",
+    "user_agent_settings": "User Agent",
     "open_user_agent": "Open user agent settings",
     "custom_ua_placeholder": "Enter custom User Agent",
     "ua_hint": "Select or enter a custom User Agent for requests",

lang/zh.json

@@ -179,7 +179,7 @@
     "ua_option_sfm_1_12": "sing-box 1.12 mac",
     "ua_option_sfa_1_12": "sing-box 1.12 android",
     "ua_option_custom": "自定义",
-    "user_agent_settings": "User Agent 设置",
+    "user_agent_settings": "User Agent",
     "open_user_agent": "打开 UA 设置",
     "custom_ua_placeholder": "输入自定义 User Agent",
     "ua_hint": "为请求选择或输入自定义 User Agent",

src/components/developer/select-stage.tsx

@@ -49,7 +49,7 @@ export default function StageSetting() {
     return (
         <>
             <SettingItem
-                icon={<Git className="text-[#34C759]" size={22} />}
+                icon={<Git className="w-5 h-5 text-gray-500" />}
                 title={t("update_stage")}
                 badge={<span className="mx-2 text-sm">{t(`${stageVersion}_version`)}</span>}
                 subTitle={t("update_stage_desc")}

src/components/developer/ua-settings.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { Save, TextIndentLeft, X } from "react-bootstrap-icons";
+import { Save, Tools, X } from "react-bootstrap-icons";
 import { toast } from "sonner";
 import { t } from "../../utils/helper";
 import { SettingItem } from "../settings/common";
@@ -90,7 +90,7 @@ export default function UASettingsItem() {
     return (
         <>
             <SettingItem
-                icon={<TextIndentLeft className="w-5 h-5 text-gray-500" />}
+                icon={<Tools className="w-5 h-5 text-gray-500" />}
                 title={t("user_agent_settings", "User Agent Settings")}
                 subTitle={t("open_user_agent", "Open user agent settings")}
                 disabled={false}
@@ -107,7 +107,7 @@ export default function UASettingsItem() {
                     <div className="relative bg-white rounded-lg p-3 w-80 max-w-full">
                         <div className="flex items-center justify-between mb-4">
                             <div className="flex items-center gap-2">
-                                <TextIndentLeft size={14} className="text-gray-500" />
+                                <Tools size={14} className="text-gray-500" />
                                 <h3 className="text-xs font-medium text-gray-700">
                                     {t("user_agent_settings", "User Agent Settings")}
                                 </h3>

src/page/developer.tsx

@@ -1,6 +1,6 @@
 import { invoke } from "@tauri-apps/api/core";
 import { getCurrentWindow } from "@tauri-apps/api/window";
-import { JournalText } from "react-bootstrap-icons";
+import { Binoculars } from "react-bootstrap-icons";
 import ToggleBypassRouter from "../components/developer/bypass-router";
 import { SettingItem } from "../components/developer/common";
 import ToggleDev from "../components/developer/dev-toggle";
@@ -36,7 +36,7 @@ export default function Page() {
                         <DNSSettingsItem />
                         <UASettingsItem />
                         <SettingItem
-                            icon={<JournalText className="w-5 h-5 text-gray-500" />}
+                            icon={<Binoculars className="w-5 h-5 text-gray-500" />}
 
                             title={t("open_log")}
                             subTitle={t("open_log_desc")}