fix: icon color, social login check

safe-global · Oct 5, 2023 · 351ae0c · 351ae0c
1 parent b3e8295
commit 351ae0c
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/src/components/common/ConnectWallet/MPCLogin.tsx b/src/components/common/ConnectWallet/MPCLogin.tsx
@@ -7,6 +7,7 @@ import GoogleLogo from '@/public/images/welcome/logo-google.svg'
 
 import css from './styles.module.css'
 import useWallet from '@/hooks/wallets/useWallet'
+import { ONBOARD_MPC_MODULE_LABEL } from '@/services/mpc/module'
 
 const MPCLogin = ({ onLogin }: { onLogin?: () => void }) => {
   const { loginPending, triggerLogin, userInfo, walletState, recoverFactorWithPassword } = useContext(MpcWalletContext)
@@ -22,7 +23,7 @@ const MPCLogin = ({ onLogin }: { onLogin?: () => void }) => {
 
   // If login was triggered through the Button we immediately continue if logged in
   useEffect(() => {
-    if (loginTriggered && wallet && onLogin) {
+    if (loginTriggered && wallet && wallet.label === ONBOARD_MPC_MODULE_LABEL && onLogin) {
       onLogin()
     }
   }, [loginTriggered, onLogin, wallet])

diff --git a/src/components/welcome/NewSafe.tsx b/src/components/welcome/NewSafe.tsx
@@ -60,19 +60,19 @@ const NewSafe = () => {
 
           <Grid container spacing={2} mb="auto">
             <Grid item xs={12} display="flex" flexDirection="row" gap={1} alignItems="center">
-              <SvgIcon component={CheckFilled} inheritViewBox />
+              <SvgIcon className={css.checkIcon} component={CheckFilled} inheritViewBox />
               <Typography color="static.main" fontWeight={700}>
                 Stealth security with multiple owners
               </Typography>
             </Grid>
             <Grid item xs={12} display="flex" flexDirection="row" gap={1} alignItems="center">
-              <SvgIcon component={CheckFilled} inheritViewBox />
+              <SvgIcon className={css.checkIcon} component={CheckFilled} inheritViewBox />
               <Typography color="static.main" fontWeight={700}>
                 Make it yours with modules and guards
               </Typography>
             </Grid>
             <Grid item xs={12} display="flex" flexDirection="row" gap={1} alignItems="center">
-              <SvgIcon component={CheckFilled} inheritViewBox />
+              <SvgIcon className={css.checkIcon} component={CheckFilled} inheritViewBox />
               <Typography color="static.main" fontWeight={700}>
                 Access 130+ ecosystem apps
               </Typography>

diff --git a/src/components/welcome/styles.module.css b/src/components/welcome/styles.module.css
@@ -41,6 +41,10 @@
   height: 100%;
 }
 
+.checkIcon {
+  color: var(--color-static-main);
+}
+
 .createAddCard {
   display: flex;
   flex-direction: column;