correcting DAO not found page (#373)

aragon · May 11, 2021 · 6af21f7 · 6af21f7
1 parent afaad70
commit 6af21f7
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 16 deletions.
diff --git a/packages/govern-console/src/containers/DAO/DaoMainPage.tsx b/packages/govern-console/src/containers/DAO/DaoMainPage.tsx
@@ -196,10 +196,10 @@ const DaoMainPage: React.FC<{
     return <div>Loading...</div>;
   }
 
-  return (
-    <DaoPageMainDiv id="dao-page-wrapper">
-      {isAnExistingDao ? (
-        daoDetails === undefined ? (
+  if (isAnExistingDao) {
+    return (
+      <DaoPageMainDiv id="dao-page-wrapper">
+        {daoDetails === undefined ? (
           'loading'
         ) : (
           <>
@@ -329,13 +329,11 @@ const DaoMainPage: React.FC<{
               )}
             </div>
           </>
-        )
-      ) : (
-        <>
-          <NoDaoFound />
-        </>
-      )}
-    </DaoPageMainDiv>
-  );
+        )}
+      </DaoPageMainDiv>
+    );
+  } else {
+    return <NoDaoFound />;
+  }
 };
 export default memo(DaoMainPage);
diff --git a/packages/govern-console/src/containers/DAO/NoDaoFound.tsx b/packages/govern-console/src/containers/DAO/NoDaoFound.tsx
@@ -17,12 +17,9 @@ import daoNoutFound from 'images/dao-not-found.svg';
 //* Styled Components List
 
 const VerticalAlignWrapper = styled('div')(({ theme }) => ({
-  transform: 'translate(-50%, -50%)',
-  position: 'absolute',
-  top: '50%',
-  left: '50%',
   height: 'fit-content',
   width: 'fit-content',
+  padding: '120px',
   margin: 'auto',
 }));