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.
53 lines
1.3 KiB
TypeScript
53 lines
1.3 KiB
TypeScript
"use client";
|
|
|
|
import { Volume2, VolumeX } from "lucide-react";
|
|
import { useSound } from "@/components/sound-provider";
|
|
import { Button, type ButtonProps } from "@/components/ui/button";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
type SoundToggleProps = {
|
|
ariaLabel?: string;
|
|
mutedAriaLabel?: string;
|
|
variant?: ButtonProps["variant"];
|
|
className?: string;
|
|
iconClassName?: string;
|
|
};
|
|
|
|
export function SoundToggle({
|
|
ariaLabel = "Mute sounds",
|
|
mutedAriaLabel = "Unmute sounds",
|
|
variant = "outline",
|
|
className,
|
|
iconClassName,
|
|
}: SoundToggleProps) {
|
|
const { isMuted, toggleMuted } = useSound();
|
|
|
|
const handleToggle = () => {
|
|
toggleMuted();
|
|
};
|
|
|
|
return (
|
|
<Button
|
|
type="button"
|
|
variant={variant}
|
|
size="icon"
|
|
onClick={handleToggle}
|
|
aria-label={isMuted ? mutedAriaLabel : ariaLabel}
|
|
aria-pressed={isMuted}
|
|
className={cn("group cursor-pointer", className)}
|
|
>
|
|
{isMuted ? (
|
|
<VolumeX
|
|
strokeWidth={1.6}
|
|
className={cn("h-[1.125rem] w-[1.125rem] transition-transform duration-300 ease-out group-hover:scale-110", iconClassName)}
|
|
/>
|
|
) : (
|
|
<Volume2
|
|
strokeWidth={1.6}
|
|
className={cn("h-[1.125rem] w-[1.125rem] transition-transform duration-300 ease-out group-hover:scale-110", iconClassName)}
|
|
/>
|
|
)}
|
|
</Button>
|
|
);
|
|
}
|