diff --git a/src/components/masa-interface/masa-interface.tsx b/src/components/masa-interface/masa-interface.tsx index 4cb4bbf3..b366cde7 100644 --- a/src/components/masa-interface/masa-interface.tsx +++ b/src/components/masa-interface/masa-interface.tsx @@ -225,6 +225,7 @@ export const MasaInterface = ({ // Removed this because it was causing a bug where the modal was openning at the beginning of the flow // openConnectModal?.(); + setRainbowkKitModalCallback?.(() => () => { // setForcedPage?.('authenticate'); setModalOpen?.(true); diff --git a/src/components/masa-interface/pages/authenticate/authenticate.tsx b/src/components/masa-interface/pages/authenticate/authenticate.tsx index eeb27d05..e304b58f 100644 --- a/src/components/masa-interface/pages/authenticate/authenticate.tsx +++ b/src/components/masa-interface/pages/authenticate/authenticate.tsx @@ -9,17 +9,20 @@ export const InterfaceAuthenticate = (): JSX.Element => { handleLogin, accountAddress, isLoading, - // setModalOpen, - // openConnectModal, isLoggedIn, useRainbowKit, connect, isModalOpen, + setModalOpen, } = useMasa(); const { isConnected } = useAccount(); - const { disconnect } = useDisconnect(); + const { disconnect } = useDisconnect({ + onSuccess: () => { + setModalOpen?.(false); + }, + }); + const switchWallet = useCallback(() => { - console.log({ disconnect }); disconnect(); }, [disconnect]); @@ -54,10 +57,9 @@ export const InterfaceAuthenticate = (): JSX.Element => { const shortAddress = useMemo( () => - `${accountAddress?.slice(0, 2)}...${accountAddress?.substring( - accountAddress.length - 4, - accountAddress.length - )}`, + `${accountAddress?.slice(0, 2) ?? ''}...${ + accountAddress?.slice(-4, accountAddress.length) ?? '' + }`, [accountAddress] ); @@ -80,13 +82,17 @@ export const InterfaceAuthenticate = (): JSX.Element => {

You are connected with the following wallet - + {copied ? 'Copied!' : shortAddress}