fix: Close popover when password recovery opens

safe-global · Nov 2, 2023 · b22149c · b22149c
1 parent fe8451c
commit b22149c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/components/common/ConnectWallet/WalletDetails.tsx b/src/components/common/ConnectWallet/WalletDetails.tsx
@@ -18,7 +18,7 @@ const WalletDetails = ({ onConnect }: { onConnect: () => void }): ReactElement =
         </Typography>
       </Divider>
 
-      <SocialSigner />
+      <SocialSigner onRequirePassword={onConnect} />
     </>
   )
 }

diff --git a/src/components/common/SocialSigner/index.tsx b/src/components/common/SocialSigner/index.tsx
@@ -46,6 +46,7 @@ type SocialSignerLoginProps = {
   supportedChains: ReturnType<typeof useGetSupportedChains>
   isMPCLoginEnabled: ReturnType<typeof useIsSocialWalletEnabled>
   onLogin?: () => void
+  onRequirePassword?: () => void
 }
 
 export const SocialSigner = ({
@@ -54,6 +55,7 @@ export const SocialSigner = ({
   supportedChains,
   isMPCLoginEnabled,
   onLogin,
+  onRequirePassword,
 }: SocialSignerLoginProps) => {
   const [loginPending, setLoginPending] = useState<boolean>(false)
   const [loginError, setLoginError] = useState<string | undefined>(undefined)
@@ -90,6 +92,8 @@ export const SocialSigner = ({
       }
 
       if (status === COREKIT_STATUS.REQUIRED_SHARE) {
+        onRequirePassword?.()
+
         setTxFlow(
           <PasswordRecovery recoverFactorWithPassword={recoverPassword} onSuccess={onLogin} />,
           () => setLoginPending(false),