gsadmin/Firelink
1
0
Fork 0
mirror of https://github.com/nimbold/Firelink.git synced 2026-08-11 20:17:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(i18n): add localized desktop UI

Browse Source 
Refs #17
This commit is contained in:
NimBold
2026-07-18 13:44:29 +03:30
parent e4d7d5ecf0
commit 93ddf427b4
27 changed files with 5014 additions and 835 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/SettingsView.tsx
+28
View File
@@ -644,6 +644,15 @@ runEngineChecks(false);
default: return t($ => $.navigation.categories.other);
}
};
const languageOptions = [
{ value: 'system', label: t($ => $.settings.lookAndFeel.languageSystem) },
{ value: 'en', label: t($ => $.settings.lookAndFeel.languageEnglish) },
{ value: 'zh-CN', label: t($ => $.settings.lookAndFeel.languageChinese) },
{ value: 'he', label: t($ => $.settings.lookAndFeel.languageHebrew) },
{ value: 'fa', label: t($ => $.settings.lookAndFeel.languagePersian) },
{ value: 'uk', label: t($ => $.settings.lookAndFeel.languageUkrainian) },
{ value: 'ru', label: t($ => $.settings.lookAndFeel.languageRussian) },
] as const;
const TabButton = ({ type, icon: Icon, label }: { type: SettingsTab; icon: typeof Download; label: string }) => {
const active = activeTab === type;
@@ -784,6 +793,25 @@ runEngineChecks(false);
{/* Look & Feel Pane */}
{activeTab === 'lookandfeel' && (
<div className="settings-pane max-w-[720px]">
<h2 className="settings-section-title">{t($ => $.settings.lookAndFeel.language)}</h2>
<div className="mac-settings-group">
<div className="mac-settings-row">
<div className="settings-row-label">
<span>{t($ => $.settings.lookAndFeel.language)}</span>
<small>{t($ => $.settings.lookAndFeel.languageDescription)}</small>
</div>
<select
value={settings.language}
onChange={(event) => settings.setLanguage(event.target.value as typeof settings.language)}
className="app-control w-48"
>
{languageOptions.map(option => (
<option key={option.value} value={option.value}>{option.label}</option>
))}
</select>
</div>
</div>
<h2 className="settings-section-title">{t($ => $.settings.lookAndFeel.appTheme)}</h2>
<div className="mac-settings-group">
<div className="mac-settings-row settings-choice-row">