Finalize multilingual routing and translations

2026-03-07 14:10:30 +01:00
parent 1ad9ae9629
commit 7f4277d1d7
53 changed files with 2805 additions and 1382 deletions
@@ -0,0 +1,37 @@
+"use client";
+
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+
+import { Button } from "@/components/ui/button";
+import { AppLocale, getLocalizedPath, stripLocalePrefix } from "@/lib/locale";
+
+type LocaleToggleProps = {
+  locale: string;
+};
+
+export function LocaleToggle({ locale }: LocaleToggleProps) {
+  const pathname = usePathname();
+  const locales: AppLocale[] = ["de", "en", "ar"];
+  const currentPath = stripLocalePrefix(pathname);
+  const currentLocale = (["de", "en", "ar"].includes(locale) ? locale : "de") as AppLocale;
+
+  return (
+    <div className="flex items-center gap-2">
+      {locales.map((targetLocale) => (
+        <Button
+          key={targetLocale}
+          asChild
+          type="button"
+          variant={targetLocale === currentLocale ? "secondary" : "outline"}
+          size="sm"
+          className="text-xs"
+        >
+          <Link href={getLocalizedPath(targetLocale, currentPath)}>
+            {targetLocale.toUpperCase()}
+          </Link>
+        </Button>
+      ))}
+    </div>
+  );
+}