38 lines
1.2 KiB
TypeScript
38 lines
1.2 KiB
TypeScript
"use client";
|
|
|
|
import { useLocale } from 'next-intl';
|
|
import { useLocaleStore } from '@/stores/locale-store';
|
|
import { Select } from '@/components/settings/settings-section';
|
|
|
|
export function LanguageSwitcher({ className }: { className?: string }) {
|
|
const currentLocale = useLocale();
|
|
const setLocale = useLocaleStore((state) => state.setLocale);
|
|
|
|
const languages = [
|
|
{ value: 'en', label: '🇬🇧 English' },
|
|
{ value: 'fr', label: '🇫🇷 Français' },
|
|
{ value: 'ja', label: '🇯🇵 日本語' },
|
|
{ value: 'ko', label: '🇰🇷 한국어' },
|
|
{ value: 'es', label: '🇪🇸 Español' },
|
|
{ value: 'it', label: '🇮🇹 Italiano' },
|
|
{ value: 'de', label: '🇩🇪 Deutsch' },
|
|
{ value: 'lv', label: '🇱🇻 Latviešu' },
|
|
{ value: 'nl', label: '🇳🇱 Nederlands' },
|
|
{ value: 'pl', label: '🇵🇱 Polski' },
|
|
{ value: 'pt', label: '🇧🇷 Português' },
|
|
{ value: 'ru', label: '🇷🇺 Русский' },
|
|
{ value: 'uk', label: '🇺🇦 Українська' },
|
|
{ value: 'zh', label: '🇨🇳 简体中文' }
|
|
];
|
|
|
|
return (
|
|
<div className={className}>
|
|
<Select
|
|
value={currentLocale}
|
|
onChange={setLocale}
|
|
options={languages}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|