fix(forms): Naprawa formularza multisplit i dodanie reCAPTCHA v3 do wszystkich formularzy

This commit is contained in:
MichalC
2026-07-27 21:45:32 +02:00
parent 17a43fc6d6
commit e338c95da0
10 changed files with 223 additions and 16 deletions
+15 -2
View File
@@ -1,7 +1,7 @@
'use client';
import { useCartStore } from '@/lib/cart-store';
import { useActionState, useEffect } from 'react';
import { useActionState, useEffect, startTransition } from 'react';
import Link from 'next/link';
import { submitOrderForm } from './actions';
import { ArrowLeft, CheckCircle } from 'lucide-react';
@@ -75,7 +75,20 @@ Wróć do sklepu
</div>
{/* Formularz */}
<form action={formAction} className="bg-white rounded-xl border border-border p-6 flex flex-col gap-4">
<form onSubmit={async (e) => {
e.preventDefault();
const formData = new FormData(e.currentTarget);
if (process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY) {
const token = await (window as any).grecaptcha.execute(
process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY,
{ action: 'submit' }
);
formData.append('recaptchaToken', token);
}
startTransition(() => {
formAction(formData);
});
}} className="bg-white rounded-xl border border-border p-6 flex flex-col gap-4">
<h2 className="text-base font-bold text-primary font-heading">Twoje dane</h2>
{/* Hidden: produkty jako JSON */}