From f5fbb44ec7c80e4cfb3921b8904da106dfcf26ad Mon Sep 17 00:00:00 2001
From: Chuma McPhoy <chuma.mcphoy@scandichotels.com>
Date: Mon, 2 Dec 2024 11:47:02 +0100
Subject: [PATCH] fix(SW-1089): move text with anchor links outside of label

---
 components/Forms/Signup/index.tsx | 56 ++++++++++++++++---------------
 1 file changed, 29 insertions(+), 27 deletions(-)
diff --git a/components/Forms/Signup/index.tsx b/components/Forms/Signup/index.tsx
index 270918996..69fdfb495 100644
--- a/components/Forms/Signup/index.tsx
+++ b/components/Forms/Signup/index.tsx
@@ -160,34 +160,36 @@ export default function SignupForm({ link, subtitle, title }: SignUpFormProps) {
               </Subtitle>
             </header>
             <Checkbox name="termsAccepted" registerOptions={{ required: true }}>
-              <Body>
-                {intl.formatMessage<React.ReactNode>(
-                  { id: "signupPage.terms" },
-                  {
-                    termsAndConditions: (str) => (
-                      <Link
-                        variant="underscored"
-                        color="peach80"
-                        target="_blank"
-                        href={membershipTermsAndConditions[lang]}
-                      >
-                        {str}
-                      </Link>
-                    ),
-                    privacyPolicy: (str) => (
-                      <Link
-                        variant="underscored"
-                        color="peach80"
-                        target="_blank"
-                        href={privacyPolicy[lang]}
-                      >
-                        {str}
-                      </Link>
-                    ),
-                  }
-                )}
-              </Body>
+              {intl.formatMessage({ id: "I accept the terms and conditions" })}
             </Checkbox>
+            {/* TODO: Update copy once ready */}
+            <Body>
+              {intl.formatMessage<React.ReactNode>(
+                { id: "signupPage.terms" },
+                {
+                  termsAndConditions: (str) => (
+                    <Link
+                      variant="underscored"
+                      color="peach80"
+                      target="_blank"
+                      href={membershipTermsAndConditions[lang]}
+                    >
+                      {str}
+                    </Link>
+                  ),
+                  privacyPolicy: (str) => (
+                    <Link
+                      variant="underscored"
+                      color="peach80"
+                      target="_blank"
+                      href={privacyPolicy[lang]}
+                    >
+                      {str}
+                    </Link>
+                  ),
+                }
+              )}
+            </Body>
           </section>
 
           {/* 
