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.
76 lines
1.9 KiB
TypeScript
76 lines
1.9 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
|
|
import { Button } from "@/components/ui/button";
|
|
import { Input } from "@/components/ui/input";
|
|
import { Label } from "@/components/ui/label";
|
|
import { Textarea } from "@/components/ui/textarea";
|
|
|
|
type ContactFormCopy = {
|
|
name: string;
|
|
email: string;
|
|
phone: string;
|
|
company: string;
|
|
message: string;
|
|
note: string;
|
|
submit: string;
|
|
preview: string;
|
|
};
|
|
|
|
type ContactFormProps = {
|
|
action: (formData: FormData) => Promise<void>;
|
|
locale: string;
|
|
previewHref: string;
|
|
copy: ContactFormCopy;
|
|
};
|
|
|
|
export function ContactForm({
|
|
action,
|
|
locale,
|
|
previewHref,
|
|
copy,
|
|
}: ContactFormProps) {
|
|
return (
|
|
<form action={action} className="grid gap-5">
|
|
<input type="hidden" name="locale" value={locale} />
|
|
|
|
<div className="grid gap-4 md:grid-cols-2">
|
|
<Label className="grid gap-2">
|
|
{copy.name}
|
|
<Input type="text" name="name" placeholder={copy.name} required />
|
|
</Label>
|
|
|
|
<Label className="grid gap-2">
|
|
{copy.email}
|
|
<Input type="email" name="email" placeholder={copy.email} required />
|
|
</Label>
|
|
|
|
<Label className="grid gap-2">
|
|
{copy.phone}
|
|
<Input type="tel" name="phone" placeholder={copy.phone} />
|
|
</Label>
|
|
|
|
<Label className="grid gap-2">
|
|
{copy.company}
|
|
<Input type="text" name="company" placeholder={copy.company} />
|
|
</Label>
|
|
</div>
|
|
|
|
<Label className="grid gap-2">
|
|
{copy.message}
|
|
<Textarea rows={7} name="message" placeholder={copy.message} required minLength={10} />
|
|
</Label>
|
|
|
|
<p className="text-sm text-muted-foreground">{copy.note}</p>
|
|
|
|
<div className="flex flex-wrap gap-3">
|
|
<Button type="submit">{copy.submit}</Button>
|
|
<Button asChild variant="outline">
|
|
<Link href={previewHref}>{copy.preview}</Link>
|
|
</Button>
|
|
</div>
|
|
</form>
|
|
);
|
|
}
|