File size: 1,324 Bytes
88c4c60 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 | "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);
}}
/>
</>
);
}
|