fix ux session expired

KyberNetwork · Jul 14, 2023 · 1a3918b · 1a3918b
1 parent 3c092ee
commit 1a3918b
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/src/components/Header/web3/SignWallet/ProfileContent.tsx b/src/components/Header/web3/SignWallet/ProfileContent.tsx
@@ -226,7 +226,12 @@ const ProfileContent = ({ scroll, toggleModal }: { scroll?: boolean; toggleModal
       </Column>
       <ActionWrapper hasBorder={profiles.length > 1}>
         {!KyberOauth2.getConnectedAccounts().includes(account?.toLowerCase() ?? '') && isEVM && (
-          <ActionItem onClick={() => signIn()}>
+          <ActionItem
+            onClick={() => {
+              toggleModal()
+              signIn()
+            }}
+          >
             <UserPlus size={18} /> <Trans>Add Account</Trans>
           </ActionItem>
         )}

diff --git a/src/hooks/useSessionExpire.ts b/src/hooks/useSessionExpire.ts
@@ -12,7 +12,7 @@ import { useSignedAccountInfo } from 'state/profile/hooks'
 export default function useSessionExpiredGlobal() {
   const { pathname } = useLocation()
   const showConfirm = useShowConfirm()
-  const { signIn, redirectSignIn } = useLogin()
+  const { signIn, redirectSignIn, signInAnonymous } = useLogin()
   const navigate = useNavigate()
   const { signedAccount, signedMethod } = useSignedAccountInfo()
 
@@ -26,6 +26,9 @@ export default function useSessionExpiredGlobal() {
         confirmText: t`Sign-in`,
         cancelText: t`Cancel`,
         onConfirm: () => redirectSignIn(accountId || signedAccount),
+        onCancel: () => {
+          signInAnonymous(KyberOauth2.getConnectedAnonymousAccounts()[0])
+        },
       }
       const isKyberAIPage =
         pathname.toLowerCase().startsWith(APP_PATHS.KYBERAI.toLowerCase()) &&
@@ -38,7 +41,7 @@ export default function useSessionExpiredGlobal() {
     }
     KyberOauth2.on(KyberOauth2Event.SESSION_EXPIRED, listener)
     return () => KyberOauth2.off(KyberOauth2Event.SESSION_EXPIRED, listener)
-  }, [pathname, showConfirm, redirectSignIn, navigate, signedAccount])
+  }, [pathname, showConfirm, redirectSignIn, navigate, signedAccount, signInAnonymous])
 
   useEffect(() => {
     const listener = () => {