move Credit section to layout and trim spaces

Emurgo · Feb 23, 2021 · 57dcb2b · 57dcb2b
1 parent e1da849
commit 57dcb2b
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 28 deletions.
diff --git a/src/components/layout/Layout.js b/src/components/layout/Layout.js
@@ -3,6 +3,7 @@
 import React from 'react';
 import type { Node } from 'react';
 import styled from 'styled-components';
+import adapoolIcon from '../../assets/adapool-logo-extend.svg';
 
 const Container = styled.div`
   max-width: 1200px;
@@ -17,12 +18,34 @@ const Background = styled.div`
   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
 `;
 
+const CreditSection = styled.div`
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  margin: 24px 0 0;
+  color: #676970;
+  font-size: 14px;
+  img {
+    background: #012b51;
+    margin-left: 10px;
+    padding: 2px 6px;
+    border-radius: 4px;
+    height: 27px;
+  }
+`;
+
 function Layout({ children }: {| children?: ?Node |}): Node {
   return (
     <Background>
       <Container>
         <Wrapper>{children}</Wrapper>
       </Container>
+      <CreditSection>
+        Powered by
+        <a href="https://adapools.org/" target="_blank" rel="noopener noreferrer">
+          <img src={adapoolIcon} alt="adapool-logo" />
+        </a>
+      </CreditSection>
     </Background>
   );
 }

diff --git a/src/containers/Home.js b/src/containers/Home.js
@@ -18,7 +18,6 @@ import type { QueryState } from '../utils/types';
 
 import Modal from '../components/common/Modal';
 import SaturatedPoolAlert from '../components/SaturatedPoolAlert';
-import adapoolIcon from '../assets/adapool-logo-extend.svg'
 
 // k = 500
 const SATURATION_LIMIT = 63600000000000;
@@ -50,21 +49,6 @@ const Header = styled.div`
 //   }
 // `;
 
-const CreditSection = styled.div`
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  margin: 24px 0 0;
-  color: #676970;
-  font-size: 14px;
-  img {
-    background: #012b51;
-    margin-left: 10px;
-    padding: 2px 6px;
-    border-radius: 4px;
-    height: 27px;
-  }
-`;
 export type UrlParams = {|
     chromeId: ?string,
     mozId: ?string,
@@ -167,8 +151,7 @@ function Home(props: HomeProps): Node {
       setDelegationModalData({ ...delegation, totalAda })
       setConfirmDelegationModal(true)
       setOpenModal(true)
-    }
-    else {
+    } else {
       confirmedDelegateFunction(delegation.id)
     }
   };
@@ -194,7 +177,7 @@ function Home(props: HomeProps): Node {
       Number(item.total_stake) + lovelaceDelegation < SATURATION_LIMIT
     ));
   }
-  
+
   const { urlParams: { selectedPoolIds, totalAda } } = props
   return (
     <Layout>
@@ -207,18 +190,18 @@ function Home(props: HomeProps): Node {
         {/* </ColorButton> */}
       </Header>
       <DesktopOnly>
-        <DesktopTable 
+        <DesktopTable
           status={status}
-          delegateFunction={delegateFunction} 
+          delegateFunction={delegateFunction}
           data={filterPools(rowData, totalAda)}
           selectedIdPools={selectedPoolIds}
           totalAda={totalAda}
         />
       </DesktopOnly>
       <MobileOnly>
-        <MobileTable 
+        <MobileTable
           status={status}
-          delegateFunction={delegateFunction} 
+          delegateFunction={delegateFunction}
           data={filterPools(rowData, totalAda)}
           selectedIdPools={selectedPoolIds}
           totalAda={totalAda}
@@ -237,11 +220,6 @@ function Home(props: HomeProps): Node {
           />
         </Modal>
       )}
-      <CreditSection>Powered by
-        <a href='https://adapools.org/' target='_blank' rel='noopener noreferrer'>
-          <img src={adapoolIcon} alt="adapool-logo" />
-        </a>
-      </CreditSection>
     </Layout>
   );
 }