47 lines
1.3 KiB
JavaScript
47 lines
1.3 KiB
JavaScript
|
"use client";
|
||
|
|
|
||
|
|
import { useState, useEffect } from "react";
|
||
|
|
import { LOCALE_COOKIE, normalizeLocale } from "@/i18n/config";
|
||
|
|
import { LOCALE_FLAGS } from "@/shared/constants/locales";
|
||
|
|
import LanguageSwitcher from "./LanguageSwitcher";
|
||
|
|
|
||
|
|
function getLocaleFromCookie() {
|
||
|
|
if (typeof document === "undefined") return "en";
|
||
|
|
const cookie = document.cookie
|
||
|
|
.split(";")
|
||
|
|
.find((c) => c.trim().startsWith(`${LOCALE_COOKIE}=`));
|
||
|
|
const value = cookie ? decodeURIComponent(cookie.split("=")[1]) : "en";
|
||
|
|
return normalizeLocale(value);
|
||
|
|
}
|
||
|
|
|
||
|
|
export default function HeaderLanguage() {
|
||
|
|
const [open, setOpen] = useState(false);
|
||
|
|
const [locale, setLocale] = useState("en");
|
||
|
|
|
||
|
|
useEffect(() => {
|
||
|
|
setLocale(getLocaleFromCookie());
|
||
|
|
}, [open]);
|
||
|
|
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<button
|
||
|
|
onClick={() => setOpen(true)}
|
||
|
|
className="flex items-center justify-center p-2 rounded-lg text-text-muted hover:text-text-main hover:bg-black/5 dark:hover:bg-white/5 transition-all"
|
||
|
|
title="Language"
|
||
|
|
data-i18n-skip="true"
|
||
|
|
>
|
||
|
|
<span className="text-lg leading-none">{LOCALE_FLAGS[locale] || "🌐"}</span>
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<LanguageSwitcher
|
||
|
|
hideTrigger
|
||
|
|
isOpen={open}
|
||
|
|
onClose={(next) => {
|
||
|
|
setOpen(false);
|
||
|
|
setLocale(next);
|
||
|
|
}}
|
||
|
|
/>
|
||
|
|
</>
|
||
|
|
);
|
||
|
|
}
|