34 lines
897 B
TypeScript
34 lines
897 B
TypeScript
"use client";
|
|
|
|
import { useLocale, useTranslations } from "next-intl";
|
|
import { useRouter, usePathname } from "next-intl/client";
|
|
import {
|
|
Select,
|
|
SelectContent,
|
|
SelectItem,
|
|
SelectTrigger,
|
|
SelectValue,
|
|
} from "@/components/ui/select";
|
|
|
|
export function LanguageSwitcher() {
|
|
const router = useRouter();
|
|
const pathname = usePathname();
|
|
const locale = useLocale();
|
|
const t = useTranslations("LanguageSwitcher");
|
|
|
|
const onSelectChange = (value: string) => {
|
|
router.replace(pathname, { locale: value });
|
|
};
|
|
|
|
return (
|
|
<Select defaultValue={locale} onValueChange={onSelectChange}>
|
|
<SelectTrigger className="w-[120px]">
|
|
<SelectValue placeholder={t("placeholder")} />
|
|
</SelectTrigger>
|
|
<SelectContent>
|
|
<SelectItem value="en">English</SelectItem>
|
|
<SelectItem value="es">Español</SelectItem>
|
|
</SelectContent>
|
|
</Select>
|
|
);
|
|
} |