nineap
32b4460b66
Добавляет zh-CN, fa, ar, tr, uk, be, vi, uz словари (170 ключей, идентичная
вложенная структура) к существующим en/ru. lib/locales.ts — единый источник
списка локалей/дефолтной локали/RTL-набора вместо захардкоженного ["en","ru"]
в proxy.ts. language-switcher.tsx: переключение языка резало только
двухбуквенные коды регэкспом (/^\/[a-z]{2}/), из-за чего zh-CN никогда не
матчился и путь задваивался — заменено на honest-поиск по списку locales.
app/[lang]/layout.tsx — dir="rtl"/"ltr" на <html> по локали (SSR, в отличие
от реактивного клиентского переключения в netrunner-app). Header.tsx/
Footer.tsx — разбитое на три <span> имя бренда визуально переворачивалось
Flexbox'ом под dir=rtl ("VPNrunnerNet"), исправлено через dir="ltr" на
самом враппере.
BlogPreview/Faq/Pricing и обе blog-страницы: fallback на *_en-коллекцию
PocketBase, если для языка ещё нет переведённого контента (FAQ-ответы,
детали тарифов, посты блога не тянутся автоматически — это отдельный от
статических словарей CMS-контент), плюс i18n-ключи period1m/period6m/
period1y вместо захардкоженных ru/en-подписей периодов в Pricing.tsx.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
54 lines
1.9 KiB
TypeScript
54 lines
1.9 KiB
TypeScript
"use client";
|
|
|
|
import { usePathname, useRouter } from "next/navigation";
|
|
import { Button } from "@/components/ui/button";
|
|
import { Globe } from "lucide-react";
|
|
import {
|
|
DropdownMenu,
|
|
DropdownMenuContent,
|
|
DropdownMenuItem,
|
|
DropdownMenuTrigger,
|
|
} from "@/components/ui/dropdown-menu";
|
|
import { locales, LOCALE_LABELS } from "@/lib/locales";
|
|
|
|
export function LanguageSwitcher() {
|
|
const router = useRouter();
|
|
const pathname = usePathname();
|
|
|
|
const switchLanguage = (lang: string) => {
|
|
// Срезаем текущий префикс локали из пути и подставляем новый — так
|
|
// переключение языка сохраняет текущую страницу (/ru/blog -> /en/blog).
|
|
// Раньше резался только 2-буквенный код ([a-z]{2}), из-за чего "zh-CN"
|
|
// никогда не совпадал и путь просто задваивался ("/zh-CN/zh-CN/...").
|
|
const currentLocale = locales.find(
|
|
(l) => pathname === `/${l}` || pathname.startsWith(`/${l}/`),
|
|
);
|
|
const currentPath = currentLocale
|
|
? pathname.slice(currentLocale.length + 1)
|
|
: pathname;
|
|
router.push(`/${lang}${currentPath === "" ? "/" : currentPath}`);
|
|
};
|
|
|
|
return (
|
|
<DropdownMenu>
|
|
<DropdownMenuTrigger asChild>
|
|
<Button
|
|
variant="outline"
|
|
size="icon"
|
|
className="rounded-full border-border bg-background/50 backdrop-blur-md"
|
|
>
|
|
<Globe className="h-[1.2rem] w-[1.2rem]" />
|
|
<span className="sr-only">Switch language</span>
|
|
</Button>
|
|
</DropdownMenuTrigger>
|
|
<DropdownMenuContent align="end">
|
|
{locales.map((lang) => (
|
|
<DropdownMenuItem key={lang} onClick={() => switchLanguage(lang)}>
|
|
{LOCALE_LABELS[lang]}
|
|
</DropdownMenuItem>
|
|
))}
|
|
</DropdownMenuContent>
|
|
</DropdownMenu>
|
|
);
|
|
}
|