MohFarawati
d48497b992
CI / quality (push) Waiting to run
Phase 1 cleanup of the personal-site revamp. Backend/architecture untouched; changes are limited to removing unused complexity and restoring feedback. Removals - Toast system: delete react-hot-toast, Toaster, QueryToastBridge, lib/toast, the toggle/easter-egg calls, related i18n keys and the dependency. - Contact protection: remove Turnstile + per-IP rate limiting (lib/contact-guard, lib/contact-protection, admin screen, form widget, app-config wiring, nav entry, test). - Speculative specs: delete orders, products, downloads, project-inquiry. Inline feedback (replaces toast, no new deps) - Add lib/admin-feedback (withFlash/readFlash) and components/admin/admin-flash, rendered centrally by AdminDashboardShell. - Emit success/error messages for media, site-settings, portfolio, smtp, marquee and maintenance actions; pages read them via searchParams. - Contact form shows validation/delivery errors inline; success still redirects to /success. Docs - Fix stale paths in frontend-system-* (components/root -> components/admin, lib/root-navigation -> lib/admin-navigation, drop phantom src/) and remove contact-protection references from docs and CLAUDE.md. - Add docs/PHASE0_DIAGNOSIS.md (diagnosis report). Note: proxy.ts self-fetch kept intentionally; it also drives maintenance mode.
96 lines
3.2 KiB
TypeScript
96 lines
3.2 KiB
TypeScript
"use client";
|
|
|
|
import Image from "next/image";
|
|
import { usePathname } from "next/navigation";
|
|
|
|
import { Button } from "@/components/ui/button";
|
|
import {
|
|
DropdownMenu,
|
|
DropdownMenuContent,
|
|
DropdownMenuItem,
|
|
DropdownMenuTrigger,
|
|
} from "@/components/ui/dropdown-menu";
|
|
import { AppLocale, getLocalizedPath, stripLocalePrefix } from "@/lib/locale";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
type LocaleToggleProps = {
|
|
locale: string;
|
|
defaultLocale: AppLocale;
|
|
className?: string;
|
|
showLabel?: boolean;
|
|
};
|
|
|
|
export function LocaleToggle({
|
|
locale,
|
|
defaultLocale,
|
|
className,
|
|
showLabel = false,
|
|
}: 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;
|
|
const availableLocales = locales.filter((targetLocale) => targetLocale !== currentLocale);
|
|
const contentFontClassName = currentLocale === "ar" ? "font-arabic" : "font-latin";
|
|
const localeFlags: Record<AppLocale, { src: string; alt: string }> = {
|
|
de: { src: "/flags/de.svg", alt: "German" },
|
|
en: { src: "/flags/us.svg", alt: "English" },
|
|
ar: { src: "/flags/sy.svg", alt: "Arabic" },
|
|
};
|
|
|
|
return (
|
|
<DropdownMenu modal={false}>
|
|
<DropdownMenuTrigger asChild>
|
|
<Button
|
|
type="button"
|
|
variant="ghost"
|
|
size={showLabel ? "sm" : "icon"}
|
|
aria-label={`Locale: ${currentLocale.toUpperCase()}`}
|
|
className={cn(
|
|
"group inline-flex shrink-0 cursor-pointer items-center justify-center overflow-hidden rounded-full border border-transparent text-muted-foreground hover:border-border/70 hover:bg-background/80 hover:text-foreground",
|
|
showLabel ? "h-9 w-9 p-0" : "h-9 w-9 p-0",
|
|
className,
|
|
)}
|
|
>
|
|
<Image
|
|
src={localeFlags[currentLocale].src}
|
|
alt={localeFlags[currentLocale].alt}
|
|
width={20}
|
|
height={20}
|
|
className="h-5 w-5 shrink-0 rounded-full object-cover transition-transform duration-300 ease-out group-hover:scale-110"
|
|
/>
|
|
</Button>
|
|
</DropdownMenuTrigger>
|
|
<DropdownMenuContent
|
|
align="center"
|
|
sideOffset={8}
|
|
className={cn("w-12 min-w-12 p-1", contentFontClassName)}
|
|
>
|
|
{availableLocales.map((targetLocale) => (
|
|
<DropdownMenuItem
|
|
key={targetLocale}
|
|
asChild
|
|
className={cn(
|
|
"cursor-pointer justify-center p-0",
|
|
targetLocale === "ar" ? "font-arabic" : "font-latin",
|
|
)}
|
|
>
|
|
<a
|
|
href={getLocalizedPath(targetLocale, currentPath, defaultLocale)}
|
|
className="group flex h-10 w-10 items-center justify-center rounded-full"
|
|
>
|
|
<Image
|
|
src={localeFlags[targetLocale].src}
|
|
alt={localeFlags[targetLocale].alt}
|
|
width={20}
|
|
height={20}
|
|
className="h-5 w-5 shrink-0 rounded-full object-cover transition-transform duration-300 ease-out group-hover:scale-110"
|
|
/>
|
|
</a>
|
|
</DropdownMenuItem>
|
|
))}
|
|
</DropdownMenuContent>
|
|
</DropdownMenu>
|
|
);
|
|
}
|