enguerrandbusiness/obc-terrassement
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(email): wire all forms to Resend — contact, devis, candidature notifs

Browse Source 
- Create /api/contact → sends admin notification email on audit request
- Create /api/devis → sends admin notification email on macon devis request
- Contact.tsx: make inputs controlled, call /api/contact on submit
- MaconClient.tsx DevisForm: add controlled state + submit handler calling /api/devis, add success/error states
- /api/candidature: add admin notification email alongside candidate confirmation
- /api/admin/candidatures/[id]/reject: fetch candidate info + send rejection email

All routes read ADMIN_EMAIL env var for admin notifications (fallback to RESEND_FROM_EMAIL).

https://claude.ai/code/session_01PzA98VhLMmsHpzs7gnLHGs
This commit is contained in:
Claude
2026-02-23 07:36:00 +00:00
parent d54278969a
commit 6c33406e13
6 changed files with 375 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
components/marketing/Contact.tsx
View File

@@ -6,10 +6,38 @@ import ScrollReveal from "@/components/animations/ScrollReveal";
export default function Contact() {
const [submitted, setSubmitted] = useState(false);
const [loading, setLoading] = useState(false);
const [error, setError] = useState<string | null>(null);
const [fields, setFields] = useState({
name: "",
phone: "",
metier: "",
ville: "",
});
const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
const updateField = (key: keyof typeof fields, value: string) =>
setFields((prev) => ({ ...prev, [key]: value }));
const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
e.preventDefault();
setSubmitted(true);
setLoading(true);
setError(null);
try {
const res = await fetch("/api/contact", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify(fields),
});
if (!res.ok) {
const data = await res.json();
throw new Error(data.error || "Erreur lors de l'envoi");
}
setSubmitted(true);
} catch (err) {
setError(err instanceof Error ? err.message : "Erreur inattendue");
} finally {
setLoading(false);
}
};
return (
@@ -83,6 +111,8 @@ export default function Contact() {
type="text"
required
placeholder="Marc Dupont"
value={fields.name}
onChange={(e) => updateField("name", e.target.value)}
className="w-full px-4 py-3 bg-bg border border-border rounded-xl text-text text-sm placeholder:text-text-muted focus:border-orange focus:ring-1 focus:ring-orange outline-none transition-colors"
/>
</div>
@@ -95,6 +125,8 @@ export default function Contact() {
type="tel"
required
placeholder="06 12 34 56 78"
value={fields.phone}
onChange={(e) => updateField("phone", e.target.value)}
className="w-full px-4 py-3 bg-bg border border-border rounded-xl text-text text-sm placeholder:text-text-muted focus:border-orange focus:ring-1 focus:ring-orange outline-none transition-colors"
/>
</div>
@@ -107,6 +139,8 @@ export default function Contact() {
type="text"
required
placeholder="Couvreur, Menuisier, Paysagiste..."
value={fields.metier}
onChange={(e) => updateField("metier", e.target.value)}
className="w-full px-4 py-3 bg-bg border border-border rounded-xl text-text text-sm placeholder:text-text-muted focus:border-orange focus:ring-1 focus:ring-orange outline-none transition-colors"
/>
</div>
@@ -119,10 +153,15 @@ export default function Contact() {
type="text"
required
placeholder="Douai, Valenciennes, Orchies..."
value={fields.ville}
onChange={(e) => updateField("ville", e.target.value)}
className="w-full px-4 py-3 bg-bg border border-border rounded-xl text-text text-sm placeholder:text-text-muted focus:border-orange focus:ring-1 focus:ring-orange outline-none transition-colors"
/>
</div>
<Button type="submit" size="lg" className="w-full">
{error && (
<p className="text-red-600 text-sm">{error}</p>
)}
<Button type="submit" size="lg" className="w-full" loading={loading}>
R&Eacute;SERVER MON AUDIT GRATUIT
</Button>
<p className="text-text-muted text-xs text-center">