From 86a2d67efdc129555cc45690108ad3815e34b897 Mon Sep 17 00:00:00 2001
From: Indrajeet Nikam <indrajitbnikam@gmail.com>
Date: Mon, 31 Jul 2023 02:37:58 +0530
Subject: [PATCH] style: update deactivated state styles in onboarding button
 (#997)

[952] style: update deactivated state styles in onboarding button
---
 .../ui/button/components/MainButton.tsx       | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/front/src/modules/ui/button/components/MainButton.tsx b/front/src/modules/ui/button/components/MainButton.tsx
index 3b33171d5..a15fb08e5 100644
--- a/front/src/modules/ui/button/components/MainButton.tsx
+++ b/front/src/modules/ui/button/components/MainButton.tsx
@@ -15,7 +15,7 @@ const StyledButton = styled.button<Pick<Props, 'fullWidth' | 'variant'>>`
   align-items: center;
   background: ${({ theme, variant, disabled }) => {
     if (disabled) {
-      return theme.background.tertiary;
+      return theme.background.secondary;
     }
 
     switch (variant) {
@@ -31,9 +31,22 @@ const StyledButton = styled.button<Pick<Props, 'fullWidth' | 'variant'>>`
         return theme.background.primary;
     }
   }};
-  border: 1px solid ${({ theme }) => theme.border.color.light};
+  border: 1px solid;
+  border-color: ${({ theme, disabled }) => {
+    if (disabled) {
+      return theme.background.transparent.lighter;
+    }
+
+    return theme.border.color.light;
+  }};
   border-radius: ${({ theme }) => theme.border.radius.md};
-  box-shadow: ${({ theme }) => theme.boxShadow.light};
+  ${({ theme, disabled }) => {
+    if (disabled) {
+      return '';
+    }
+
+    return `box-shadow: ${theme.boxShadow.light};`;
+  }}
   color: ${({ theme, variant, disabled }) => {
     if (disabled) {
       return theme.font.color.light;