mirror of
https://github.com/upscayl/upscayl.git
synced 2024-12-18 18:35:58 +01:00
95843ded88
* Initial refactor * Remove unused imports * Update code * Refactor and Update Code - Change file names to kebab-caase - Add new useTranslation Hook - Change useLog hook name to useLogger - Update translation hook to provide autocomplete * Update import and component name * Rename files and components * Update locales * Update electron commands * Update var * Change Lowercase * Replace filter with map * Add props * Update flag check * Add validate paths * Update formats * Update import * Update function * Update function and translation * Update handlePaste
41 lines
1.0 KiB
TypeScript
41 lines
1.0 KiB
TypeScript
import { localeAtom, translationAtom } from "@/atoms/translations-atom";
|
|
import { useAtomValue, useSetAtom } from "jotai";
|
|
|
|
const locales = {
|
|
en: "English",
|
|
ru: "Русский",
|
|
ja: "日本語",
|
|
zh: "简体中文",
|
|
es: "Español",
|
|
fr: "Français",
|
|
};
|
|
|
|
const LanguageSwitcher = () => {
|
|
const setLocale = useSetAtom(localeAtom);
|
|
const t = useAtomValue(translationAtom);
|
|
|
|
return (
|
|
<div>
|
|
<div className="flex flex-col gap-2">
|
|
<p className="text-sm font-medium">{t("SETTINGS.LANGUAGE.TITLE")}</p>
|
|
<select
|
|
data-choose-theme
|
|
className="select select-primary"
|
|
onChange={(e) => setLocale(e.target.value as keyof typeof locales)}
|
|
>
|
|
{Object.entries(locales).map((entry) => {
|
|
const [locale, label] = entry;
|
|
return (
|
|
<option value={locale} key={locale}>
|
|
{label.toLocaleUpperCase()}
|
|
</option>
|
|
);
|
|
})}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default LanguageSwitcher;
|