Edit BeachClientPage.tsx

app/beach/BeachClientPage.tsx

@@ -9,7 +9,7 @@ import Footer from '../components/Footer';
 import Header from '../components/Header';
 import BeachRegistrationForm from './BeachRegistrationForm';
 
-export default function BeachClientPage({ config }: { config: any }) {
+export default function BeachClientPage({ config, turnstileSiteKey }: { config: any, turnstileSiteKey: string }) {
     const [timeInfo, setTimeInfo] = useState({
         dateStr: 'Laddar...',
         matchStr: 'Laddar...',
@@ -200,7 +200,7 @@ export default function BeachClientPage({ config }: { config: any }) {
                 </section>
 
                 {/* Rendera formuläret endast om anmälan är öppen */}
-                {!timeInfo.isClosed && <BeachRegistrationForm config={config} />}
+                {!timeInfo.isClosed && <BeachRegistrationForm config={config} turnstileSiteKey={turnstileSiteKey} />}
 
                 <section className="w-full flex justify-center px-4 mt-10 mb-20">
                     <div className="bg-linear-to-br from-[#39979f] to-[#62b8bc] p-10 md:p-12 rounded-[40px] shadow-2xl w-full max-w-2xl text-center transform transition-transform duration-500 border border-blue-400/20 relative overflow-hidden group">