Github/screenshot-to-code
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Mask the region code in the language Settings

Browse Source
This commit is contained in:
wsh 2024-09-02 15:59:20 +08:00
parent cdb49b25a1
commit 5a0d45eb2d
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/components/languageSelector/LanguageSelector.tsx
View File

@ -4,13 +4,16 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from ".
import './LanguageSelector.css'; import './LanguageSelector.css';
type Languages = 'en' | 'zh' | 'ja' | 'ko' | 'de' | 'ru' | 'fr'; type Languages = 'en' | 'zh' | 'ja' | 'ko' | 'de' | 'ru' | 'fr';
const normalizeLanguage = (language: string): Languages => {
return language.split('-')[0] as Languages;
};
const LanguageSelector: React.FC = () => { const LanguageSelector: React.FC = () => {
const [selectedLang, setSelectedLang] = useState<Languages>(i18n.language as Languages); const [selectedLang, setSelectedLang] = useState<Languages>(normalizeLanguage(i18n.language));
useEffect(() => { useEffect(() => {
const handleLanguageChanged = (lang: string) => { const handleLanguageChanged = (lang: string) => {
setSelectedLang(lang as Languages); setSelectedLang(normalizeLanguage(lang));
}; };
i18n.on('languageChanged', handleLanguageChanged); i18n.on('languageChanged', handleLanguageChanged);
@ -21,7 +24,7 @@ const LanguageSelector: React.FC = () => {
}, []); }, []);
const handleLanguageChange = (value: string) => { const handleLanguageChange = (value: string) => {
const nextLang = value as Languages; const nextLang = normalizeLanguage(value);
i18n.changeLanguage(nextLang); i18n.changeLanguage(nextLang);
}; };