added language switcher
This commit is contained in:
16
app/ui/SelectLanguage.tsx
Normal file
16
app/ui/SelectLanguage.tsx
Normal file
@@ -0,0 +1,16 @@
|
||||
"use client";
|
||||
|
||||
import { useLocale } from "next-intl";
|
||||
import Link from "next/link";
|
||||
import { usePathname } from "next/navigation";
|
||||
import { defaultLocale, localeNames, locales } from "../i18n";
|
||||
|
||||
export const SelectLanguage: React.FC = () => {
|
||||
const currentPathname = usePathname();
|
||||
|
||||
const locale = useLocale();
|
||||
const secondLocale = locales.find((l) => l !== locale) as string;
|
||||
const secondLocalePathname = defaultLocale === locale ? `/${secondLocale}${currentPathname}` : currentPathname.replace(`/${locale}/`, `/${secondLocale}/`);
|
||||
|
||||
return (<Link className="btn btn-ghost text-xl self-end" href={secondLocalePathname}>{localeNames[secondLocale]}</Link>);
|
||||
}
|
||||
Reference in New Issue
Block a user