lvs/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

Edit BeachRegistrationForm.tsx

Browse Source
This commit is contained in:
WilliamSoderberg
2026-04-17 00:49:00 +02:00 Unverified
parent b5dfae9066
commit 1fc6f56bab
1 changed files with 2 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/beach/BeachRegistrationForm.tsx
+2 -8
View File
@@ -7,7 +7,7 @@ import React, { useRef, useActionState, useEffect } from 'react';
import { FaUser, FaEnvelope, FaPhone, FaUsers, FaTrophy, FaCheckCircle, FaExclamationTriangle } from "react-icons/fa"; import { FaUser, FaEnvelope, FaPhone, FaUsers, FaTrophy, FaCheckCircle, FaExclamationTriangle } from "react-icons/fa";
import { submitRegistration } from './actions'; import { submitRegistration } from './actions';
export default function BeachRegistrationForm({ config }: { config: any }) { export default function BeachRegistrationForm({ config, turnstileSiteKey }: { config: any, turnstileSiteKey: string }) {
const [state, formAction, isPending] = useActionState(submitRegistration, null); const [state, formAction, isPending] = useActionState(submitRegistration, null);
const formRef = useRef<HTMLFormElement>(null); const formRef = useRef<HTMLFormElement>(null);
const turnstileRef = useRef<TurnstileInstance>(null); const turnstileRef = useRef<TurnstileInstance>(null);
@@ -130,13 +130,7 @@ export default function BeachRegistrationForm({ config }: { config: any }) {
<input type="text" name="website" className="hidden" tabIndex={-1} /> <input type="text" name="website" className="hidden" tabIndex={-1} />
<div className="flex justify-center py-2"> <div className="flex justify-center py-2"><Turnstile ref={turnstileRef} siteKey={turnstileSiteKey} options={{ theme: 'light' }}/></div>
<Turnstile
ref={turnstileRef}
siteKey={process.env.NEXT_PUBLIC_TURNSTILE_SITE_KEY || ''}
options={{ theme: 'light' }}
/>
</div>
{state && ( {state && (
<div className={`flex items-center gap-3 p-5 rounded-2xl font-bold transition-all ${state.success ? 'bg-green-100 text-green-700' : 'bg-red-100 text-red-700'}`}> <div className={`flex items-center gap-3 p-5 rounded-2xl font-bold transition-all ${state.success ? 'bg-green-100 text-green-700' : 'bg-red-100 text-red-700'}`}>