From 093f627e1d01efd8a68fea3387b2938b968fdb75 Mon Sep 17 00:00:00 2001
From: Antoine Moreaux <moreaux.antoine@gmail.com>
Date: Mon, 23 Dec 2024 11:30:36 +0100
Subject: [PATCH] fix(auth): adjust button variant based on sign-in-up step
 (#9188)

Update the button variant to dynamically switch between 'secondary' and
'primary' based on the current step in the sign-in-up flow. Ensures the
UI reflects the correct state, improving user experience and
consistency.
---
 .../auth/sign-in-up/components/SignInUpGlobalScopeForm.tsx    | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/twenty-front/src/modules/auth/sign-in-up/components/SignInUpGlobalScopeForm.tsx b/packages/twenty-front/src/modules/auth/sign-in-up/components/SignInUpGlobalScopeForm.tsx
index c38e45ebe..ef4950f31 100644
--- a/packages/twenty-front/src/modules/auth/sign-in-up/components/SignInUpGlobalScopeForm.tsx
+++ b/packages/twenty-front/src/modules/auth/sign-in-up/components/SignInUpGlobalScopeForm.tsx
@@ -126,7 +126,9 @@ export const SignInUpGlobalScopeForm = () => {
                 signInUpStep === SignInUpStep.Password ? 'Sign Up' : 'Continue'
               }
               type="submit"
-              variant="secondary"
+              variant={
+                signInUpStep === SignInUpStep.Init ? 'secondary' : 'primary'
+              }
               Icon={() => (form.formState.isSubmitting ? <Loader /> : null)}
               fullWidth
             />