admin/cc-switch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: simplify language settings UI by removing description text and general section

Browse Source
This commit is contained in:
Jason
2025-09-28 22:40:14 +08:00
parent c5aa244d65
commit 1a8ae85e55
3 changed files with 25 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
src/components/SettingsModal.tsx
View File

@@ -374,44 +374,34 @@ export default function SettingsModal({ onClose }: SettingsModalProps) {
{/* 设置内容 */} {/* 设置内容 */}
<div className="px-6 py-4 space-y-6 overflow-y-auto flex-1"> <div className="px-6 py-4 space-y-6 overflow-y-auto flex-1">
{/* 通用设置 */} {/* 语言设置 */}
<div> <div>
<h3 className="text-sm font-medium text-gray-900 dark:text-gray-100 mb-3"> <h3 className="text-sm font-medium text-gray-900 dark:text-gray-100 mb-3">
{t("settings.general")} {t("settings.language")}
</h3> </h3>
<div className="space-y-3"> <div className="inline-flex p-0.5 bg-gray-100 dark:bg-gray-800 rounded-lg">
<div> <button
<p className="text-sm text-gray-900 dark:text-gray-100"> type="button"
{t("settings.language")} onClick={() => handleLanguageChange("zh")}
</p> className={`px-4 py-1.5 text-sm font-medium rounded-md transition-all min-w-[80px] ${
<p className="text-xs text-gray-500 dark:text-gray-400 mt-1"> (settings.language ?? "zh") === "zh"
{t("settings.languageDescription")} ? "bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 shadow-sm"
</p> : "text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-200"
<div className="mt-3 inline-flex p-0.5 bg-gray-100 dark:bg-gray-800 rounded-lg"> }`}
<button >
type="button" {t("settings.languageOptionChinese")}
onClick={() => handleLanguageChange("zh")} </button>
className={`px-4 py-1.5 text-sm font-medium rounded-md transition-all min-w-[80px] ${ <button
(settings.language ?? "zh") === "zh" type="button"
? "bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 shadow-sm" onClick={() => handleLanguageChange("en")}
: "text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-200" className={`px-4 py-1.5 text-sm font-medium rounded-md transition-all min-w-[80px] ${
}`} settings.language === "en"
> ? "bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 shadow-sm"
{t("settings.languageOptionChinese")} : "text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-200"
</button> }`}
<button >
type="button" {t("settings.languageOptionEnglish")}
onClick={() => handleLanguageChange("en")} </button>
className={`px-4 py-1.5 text-sm font-medium rounded-md transition-all min-w-[80px] ${
settings.language === "en"
? "bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 shadow-sm"
: "text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-200"
}`}
>
{t("settings.languageOptionEnglish")}
</button>
</div>
</div>
</div> </div>
</div> </div>

1
src/i18n/locales/en.json
View File

@@ -64,7 +64,6 @@
"title": "Settings", "title": "Settings",
"general": "General", "general": "General",
"language": "Language", "language": "Language",
"languageDescription": "Choose the display language for CC Switch. This preference will be remembered next time you open the app.",
"languageOptionChinese": "中文", "languageOptionChinese": "中文",
"languageOptionEnglish": "English", "languageOptionEnglish": "English",
"windowBehavior": "Window Behavior", "windowBehavior": "Window Behavior",

1
src/i18n/locales/zh.json
View File

@@ -64,7 +64,6 @@
"title": "设置", "title": "设置",
"general": "通用", "general": "通用",
"language": "界面语言", "language": "界面语言",
"languageDescription": "选择 CC Switch 的显示语言，下次启动会自动记住你的偏好。",
"languageOptionChinese": "中文", "languageOptionChinese": "中文",
"languageOptionEnglish": "English", "languageOptionEnglish": "English",
"windowBehavior": "窗口行为", "windowBehavior": "窗口行为",