chore: add centrifuge banner (#37)

tinlake-ui/components/ExploreCentrifugeBanner.tsx

@@ -0,0 +1,18 @@
+import { Anchor, Box, Card, Paragraph } from 'grommet'
+
+export const ExploreCentrifugeBanner = () => (
+  <Card
+    margin={{ top: 'medium' }}
+    pad={{ top: 'xsmall', bottom: 'xsmall', left: 'medium', right: 'medium' }}
+    style={{
+      backgroundColor: '#cde5ff',
+    }}
+  >
+    <Box>
+      <Paragraph>
+        Tinlake is no longer supported. Please proceed to the new Centrifuge app at{' '}
+        <Anchor href="https://app.centrifuge.io" label="app.centrifuge.io" />.
+      </Paragraph>
+    </Box>
+  </Card>
+)

tinlake-ui/components/Header/index.tsx

@@ -18,6 +18,7 @@ import { useCFGRewards } from '../../utils/useCFGRewards'
 import { usePool } from '../../utils/usePool'
 import { usePortfolio } from '../../utils/usePortfolio'
 import { ClientOnlyRender } from '../ClientOnlyRender'
+import { ExploreCentrifugeBanner } from '../ExploreCentrifugeBanner'
 import { RewardsBanner } from '../RewardsBanner'
 import { useTinlake } from '../TinlakeProvider'
 import { Tooltip } from '../Tooltip'
@@ -257,6 +258,11 @@ const Header: React.FC<Props> = (props: Props) => {
         </MobileNav>
       </HeaderBar>
       {!props.hideRewardsBanner && <RewardsBanner />}
+      <Box justify="center" direction="row">
+        <Box width="xlarge">
+          <ExploreCentrifugeBanner />
+        </Box>
+      </Box>
     </ClientOnlyRender>
   )
 }

tinlake-ui/pages/index.tsx

@@ -1,4 +1,4 @@
-import { Anchor, Box, Card, Paragraph } from 'grommet'
+import { Box } from 'grommet'
 import { GetStaticProps } from 'next'
 import * as React from 'react'
 import Auth from '../components/Auth'
@@ -14,23 +14,6 @@ interface Props {
   ipfsPools: IpfsPools
 }
 
-const ExploreCentrifugeBanner = () => (
-  <Card
-    margin={{ top: 'medium' }}
-    pad={{ top: 'xsmall', bottom: 'xsmall', left: 'medium', right: 'medium' }}
-    style={{
-      backgroundColor: '#cde5ff',
-    }}
-  >
-    <Box>
-      <Paragraph>
-        Tinlake is no longer supported. Please proceed to the new Centrifuge app at{' '}
-        <Anchor href="https://app.centrifuge.io" label="app.centrifuge.io" />.
-      </Paragraph>
-    </Box>
-  </Card>
-)
-
 const Home: React.FC<Props> = (props: Props) => {
   return (
     <IpfsPoolsProvider value={props.ipfsPools}>
@@ -41,7 +24,6 @@ const Home: React.FC<Props> = (props: Props) => {
             <Box justify="center" direction="row">
               <Box width="xlarge">
                 <Auth>
-                  <ExploreCentrifugeBanner />
                   <Dashboard ipfsPools={props.ipfsPools} />
                 </Auth>
               </Box>