From 231e3cc7096aed4a8679446d4f9ba1b3f876289e Mon Sep 17 00:00:00 2001
From: Rostislav Dugin <rostislav.dugin@outlook.com>
Date: Sat, 21 Mar 2026 22:30:16 +0300
Subject: [PATCH] FIX (playground): Make turnstile mandatory in sign in and
 sign up

---
 frontend/src/features/users/ui/SignInComponent.tsx |  9 +++++++--
 frontend/src/features/users/ui/SignUpComponent.tsx | 13 +++++++++++--
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/frontend/src/features/users/ui/SignInComponent.tsx b/frontend/src/features/users/ui/SignInComponent.tsx
index 5c35431..777a7b5 100644
--- a/frontend/src/features/users/ui/SignInComponent.tsx
+++ b/frontend/src/features/users/ui/SignInComponent.tsx
@@ -4,7 +4,12 @@ import { type JSX, useState } from 'react';
 
 import { useCloudflareTurnstile } from '../../../shared/hooks/useCloudflareTurnstile';
 
-import { GITHUB_CLIENT_ID, GOOGLE_CLIENT_ID, IS_EMAIL_CONFIGURED } from '../../../constants';
+import {
+  CLOUDFLARE_TURNSTILE_SITE_KEY,
+  GITHUB_CLIENT_ID,
+  GOOGLE_CLIENT_ID,
+  IS_EMAIL_CONFIGURED,
+} from '../../../constants';
 import { userApi } from '../../../entity/users';
 import { StringUtils } from '../../../shared/lib';
 import { FormValidator } from '../../../shared/lib/FormValidator';
@@ -129,7 +134,7 @@ export function SignInComponent({
       <CloudflareTurnstileWidget containerRef={containerRef} />
 
       <Button
-        disabled={isLoading}
+        disabled={isLoading || (!!CLOUDFLARE_TURNSTILE_SITE_KEY && !token)}
         loading={isLoading}
         className="w-full"
         onClick={() => {
diff --git a/frontend/src/features/users/ui/SignUpComponent.tsx b/frontend/src/features/users/ui/SignUpComponent.tsx
index 830eae3..056f105 100644
--- a/frontend/src/features/users/ui/SignUpComponent.tsx
+++ b/frontend/src/features/users/ui/SignUpComponent.tsx
@@ -4,7 +4,12 @@ import { type JSX, useState } from 'react';
 
 import { useCloudflareTurnstile } from '../../../shared/hooks/useCloudflareTurnstile';
 
-import { GITHUB_CLIENT_ID, GOOGLE_CLIENT_ID, IS_CLOUD } from '../../../constants';
+import {
+  CLOUDFLARE_TURNSTILE_SITE_KEY,
+  GITHUB_CLIENT_ID,
+  GOOGLE_CLIENT_ID,
+  IS_CLOUD,
+} from '../../../constants';
 import { userApi } from '../../../entity/users';
 import { StringUtils } from '../../../shared/lib';
 import { FormValidator } from '../../../shared/lib/FormValidator';
@@ -224,7 +229,11 @@ export function SignUpComponent({ onSwitchToSignIn }: SignUpComponentProps): JSX
       <CloudflareTurnstileWidget containerRef={containerRef} />
 
       <Button
-        disabled={isLoading || (IS_CLOUD && (!isTermsAccepted || !isPolicyAccepted))}
+        disabled={
+          isLoading ||
+          (IS_CLOUD && (!isTermsAccepted || !isPolicyAccepted)) ||
+          (!!CLOUDFLARE_TURNSTILE_SITE_KEY && !token)
+        }
         loading={isLoading}
         className="w-full"
         onClick={() => {