add tags to earn and stats

open-dollar · Jul 23, 2024 · 2b46cd0 · 2b46cd0
1 parent 35b39cb
commit 2b46cd0
Show file tree

Hide file tree

Showing 2 changed files with 63 additions and 50 deletions.
diff --git a/src/containers/Analytics/index.tsx b/src/containers/Analytics/index.tsx
@@ -21,6 +21,8 @@ import useGeb from '~/hooks/useGeb'
 import { BigNumber, ethers } from 'ethers'
 import useAnalyticsData from '~/hooks/useAnalyticsData'
 import usePoolData from '~/hooks/usePoolData'
+import MetaTags from '~/components/MetaTags'
+import metaInfo from '~/utils/metaInfo'
 
 interface AnalyticsStateProps {
     erc20Supply: string

diff --git a/src/containers/Earn/index.tsx b/src/containers/Earn/index.tsx
@@ -12,6 +12,8 @@ import { PoolData } from '@opendollar/sdk'
 import Skeleton from 'react-loading-skeleton'
 import EarnBlock from './EarnBlock'
 import { getTokenLogo } from '~/utils'
+import MetaTags from '~/components/MetaTags'
+import metaInfo from '~/utils/metaInfo'
 
 interface Cache {
     [key: string]: PoolData
@@ -66,56 +68,65 @@ const Earn = () => {
     }
 
     return (
-        <Container>
-            <Title>Earn</Title>
-            <SubHeader>incentivized pools and strategies</SubHeader>
-            <Text>
-                <p>Earn additional yield by staking your LP position in Camelot Nitro.</p>
-                <p>
-                    When creating a OD-ETH position, use the "Auto" mode provided by Gamma. <br></br>See full
-                    instructions{' '}
-                    <Link
-                        href="https://www.opendollar.com/blog/the-earn-page-and-new-camelot-nitro-pool"
-                        target="_blank"
-                    >
-                        here
-                    </Link>
-                    .
-                </p>
-            </Text>
-            <Pools>
-                <PoolsHeader>Strategies</PoolsHeader>
-                <EarnBlock
-                    status="Active"
-                    url="https://app.creditguild.org/earn"
-                    apy="Variable"
-                    tvl="$99k"
-                    rewardToken1Symbol="OD"
-                    rewardToken2Symbol="ODG, and GUILD"
-                    title={
-                        <>
-                            Credit Guild <img src={getTokenLogo('OD')} alt={''} width={'50px'} />
-                        </>
-                    }
-                />
-                {nitroPools.length > 0 ? (
-                    POOLS?.map(
-                        (
-                            pool: JSX.IntrinsicAttributes & { nitroPoolAddress: string; nitroPoolData: PoolData },
-                            i: number
-                        ) => <PoolBlock {...pool} nitroPoolData={nitroPools[i]} key={`${pool.nitroPoolAddress}-pool`} />
-                    )
-                ) : (
-                    <Skeleton height={185} count={3} style={{ marginBottom: '30px' }} />
-                )}
-            </Pools>
-
-            <BtnWrapper>
-                <Button data-test-id="steps-btn" id={'suggest-pool-btn'} secondary onClick={handleClick}>
-                    suggest a new pool <ExternalLink />
-                </Button>
-            </BtnWrapper>
-        </Container>
+        <>
+            <MetaTags page={metaInfo.earn} />
+            <Container>
+                <Title>Earn</Title>
+                <SubHeader>incentivized pools and strategies</SubHeader>
+                <Text>
+                    <p>Earn additional yield by staking your LP position in Camelot Nitro.</p>
+                    <p>
+                        When creating a OD-ETH position, use the "Auto" mode provided by Gamma. <br></br>See full
+                        instructions{' '}
+                        <Link
+                            href="https://www.opendollar.com/blog/the-earn-page-and-new-camelot-nitro-pool"
+                            target="_blank"
+                        >
+                            here
+                        </Link>
+                        .
+                    </p>
+                </Text>
+                <Pools>
+                    <PoolsHeader>Strategies</PoolsHeader>
+                    <EarnBlock
+                        status="Active"
+                        url="https://app.creditguild.org/earn"
+                        apy="Variable"
+                        tvl="$99k"
+                        rewardToken1Symbol="OD"
+                        rewardToken2Symbol="ODG, and GUILD"
+                        title={
+                            <>
+                                Credit Guild <img src={getTokenLogo('OD')} alt={''} width={'50px'} />
+                            </>
+                        }
+                    />
+                    {nitroPools.length > 0 ? (
+                        POOLS?.map(
+                            (
+                                pool: JSX.IntrinsicAttributes & { nitroPoolAddress: string; nitroPoolData: PoolData },
+                                i: number
+                            ) => (
+                                <PoolBlock
+                                    {...pool}
+                                    nitroPoolData={nitroPools[i]}
+                                    key={`${pool.nitroPoolAddress}-pool`}
+                                />
+                            )
+                        )
+                    ) : (
+                        <Skeleton height={185} count={3} style={{ marginBottom: '30px' }} />
+                    )}
+                </Pools>
+
+                <BtnWrapper>
+                    <Button data-test-id="steps-btn" id={'suggest-pool-btn'} secondary onClick={handleClick}>
+                        suggest a new pool <ExternalLink />
+                    </Button>
+                </BtnWrapper>
+            </Container>
+        </>
     )
 }