38 lines
991 B
TypeScript
38 lines
991 B
TypeScript
import {
|
|
Select,
|
|
SelectContent,
|
|
SelectItem,
|
|
SelectTrigger,
|
|
SelectValue,
|
|
} from "@xtablo/ui/components/select";
|
|
import { useTranslation } from "react-i18next";
|
|
|
|
export function LanguageSelector() {
|
|
const { i18n } = useTranslation();
|
|
|
|
const changeLanguage = (language: string) => {
|
|
i18n.changeLanguage(language);
|
|
};
|
|
|
|
return (
|
|
<Select value={i18n.language} onValueChange={changeLanguage}>
|
|
<SelectTrigger className="w-[140px]">
|
|
<SelectValue />
|
|
</SelectTrigger>
|
|
<SelectContent>
|
|
<SelectItem value="en">
|
|
<div className="flex items-center gap-2">
|
|
<span className="text-lg">🇬🇧</span>
|
|
<span>English</span>
|
|
</div>
|
|
</SelectItem>
|
|
<SelectItem value="fr">
|
|
<div className="flex items-center gap-2">
|
|
<span className="text-lg">🇫🇷</span>
|
|
<span>Français</span>
|
|
</div>
|
|
</SelectItem>
|
|
</SelectContent>
|
|
</Select>
|
|
);
|
|
}
|