corkine/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw synced 2025-07-25 13:58:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: smarter preferred lang detection (#8205)

Browse Source
This commit is contained in:
David Luzar
2024-07-04 17:55:35 +02:00
committed by GitHub
parent d9258a736b
commit 148b895f46
5 changed files with 48 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
excalidraw-app/app-language/LanguageList.tsx Normal file
View File

@ -0,0 +1,25 @@
import { useSetAtom } from "jotai";
import React from "react";
import { useI18n, languages } from "../../packages/excalidraw/i18n";
import { appLangCodeAtom } from "./language-state";
export const LanguageList = ({ style }: { style?: React.CSSProperties }) => {
const { t, langCode } = useI18n();
const setLangCode = useSetAtom(appLangCodeAtom);
return (
<select
className="dropdown-select dropdown-select__language"
onChange={({ target }) => setLangCode(target.value)}
value={langCode}
aria-label={t("buttons.selectLanguage")}
style={style}
>
{languages.map((lang) => (
<option key={lang.code} value={lang.code}>
{lang.label}
</option>
))}
</select>
);
};