Timeout fix

masa-finance · Feb 28, 2023 · 0b33045 · 0b33045
1 parent 48915ee
commit 0b33045
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/src/components/masa-interface/pages/connected/connected.tsx b/src/components/masa-interface/pages/connected/connected.tsx
@@ -4,14 +4,19 @@ import { MasaLoading } from '../../../masa-loading';
 import { Spinner } from '../../../spinner';
 
 export const InterfaceConnected = (): JSX.Element => {
-  const { closeModal, isLoading } = useMasa();
+  const { closeModal, isLoading, isModalOpen } = useMasa();
 
   useEffect(() => {
-    if (!isLoading) {
-      setTimeout(() => {
+    let timeout;
+    if (isModalOpen && !isLoading) {
+      timeout = setTimeout(() => {
         closeModal?.();
       }, 3000);
     }
+
+    return () => {
+      clearTimeout(timeout);
+    };
   }, [isLoading, closeModal]);
 
   if (isLoading) return <MasaLoading />;

diff --git a/src/components/masa-interface/pages/create-soulname/create-soulname.tsx b/src/components/masa-interface/pages/create-soulname/create-soulname.tsx
@@ -122,7 +122,7 @@ export const InterfaceCreateSoulname = (): JSX.Element => {
           justifyContent: 'flex-start',
         }}
       >
-        <div style={{ textAlign: 'center', marginTop: 64 }}>
+        <div style={{ textAlign: 'center', marginTop: 32 }}>
           <h1 className="title">Minting your domain</h1>
           <h1 className="title">
             {soulname}