From 2f0254a2c8afeeb1a01b04ff1021d0df1340fdcb Mon Sep 17 00:00:00 2001
From: Antoine Clausse <antoine.clausse@overleaf.com>
Date: Wed, 26 Mar 2025 14:05:36 +0100
Subject: [PATCH] [web] Add reCAPTCHA conditions to
 `/user/emails/add-secondary` (#24528)

* Add RecaptchaConditions to `user/emails/add-secondary`, set font to 12px

* Hide `RecaptchaConditions` if `ExposedSettings.recaptchaDisabled.addEmail`

GitOrigin-RevId: dcc4609bf8787076257caed6b5a5d1e47178380e
---
 .../components/emails/add-secondary-email-prompt.tsx       | 7 +++++++
 services/web/frontend/stylesheets/app/base.less            | 2 +-
 .../web/frontend/stylesheets/bootstrap-5/base/base.scss    | 2 +-
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/services/web/frontend/js/features/settings/components/emails/add-secondary-email-prompt.tsx b/services/web/frontend/js/features/settings/components/emails/add-secondary-email-prompt.tsx
index 377cc16279..04bc4edbd1 100644
--- a/services/web/frontend/js/features/settings/components/emails/add-secondary-email-prompt.tsx
+++ b/services/web/frontend/js/features/settings/components/emails/add-secondary-email-prompt.tsx
@@ -10,6 +10,8 @@ import { ReCaptcha2 } from '../../../../shared/components/recaptcha-2'
 import { useRecaptcha } from '../../../../shared/hooks/use-recaptcha'
 
 import { postJSON } from '../../../../infrastructure/fetch-json'
+import RecaptchaConditions from '@/shared/components/recaptcha-conditions'
+import getMeta from '@/utils/meta'
 
 type AddSecondaryEmailError = {
   name: string
@@ -109,6 +111,11 @@ export function AddSecondaryEmailPrompt() {
           </p>
         </form>
       </Interstitial>
+      {!getMeta('ol-ExposedSettings').recaptchaDisabled?.addEmail && (
+        <div className="mt-5">
+          <RecaptchaConditions />
+        </div>
+      )}
     </>
   )
 }
diff --git a/services/web/frontend/stylesheets/app/base.less b/services/web/frontend/stylesheets/app/base.less
index 1f51796752..2ae217e58f 100644
--- a/services/web/frontend/stylesheets/app/base.less
+++ b/services/web/frontend/stylesheets/app/base.less
@@ -166,7 +166,7 @@
 .recaptcha-branding {
   padding: @padding-sm @padding-sm 0 @padding-sm;
   text-align: center;
-  font-size: @font-size-small;
+  font-size: @font-size-extra-small;
 }
 
 .tos-agreement-notice {
diff --git a/services/web/frontend/stylesheets/bootstrap-5/base/base.scss b/services/web/frontend/stylesheets/bootstrap-5/base/base.scss
index b994653402..7aa23d7b9f 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/base/base.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/base/base.scss
@@ -43,5 +43,5 @@
 .recaptcha-branding {
   padding: var(--spacing-05) var(--spacing-05) 0 var(--spacing-05);
   text-align: center;
-  font-size: $font-size-sm;
+  font-size: var(--font-size-01);
 }