chore: update liquidity V3 link

SwaprHQ · Jan 15, 2024 · c0e71ea · c0e71ea
1 parent 8a63e1b
commit c0e71ea
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 11 deletions.
diff --git a/public/locales/en/common.json b/public/locales/en/common.json
@@ -96,5 +96,7 @@
   "rewards": "Rewards",
   "connectWallet": "Connect wallet",
   "chart": "chart",
-  "off": "off"
+  "off": "off",
+  "pools": "Pools",
+  "poolsV3": "Pools V3"
 }
diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx
@@ -8,7 +8,7 @@ import { Flex, Text } from 'rebass'
 import styled from 'styled-components'
 
 import { ReactComponent as GasInfoSvg } from '../../assets/images/gas-info.svg'
-import { LIQUIDITY_V3_LINK } from '../../constants'
+import { LIQUIDITY_V3_INFO_POOLS_LINK } from '../../constants'
 import { useActiveWeb3React, useUnsupportedChainIdError } from '../../hooks'
 import { useGasInfo } from '../../hooks/useGasInfo'
 import { ApplicationModal } from '../../state/application/actions'
@@ -227,6 +227,7 @@ const NewBadge = styled.p`
   color: black;
   line-height: 16px;
   font-weight: 600;
+  margin-left: 10px;
 `
 
 function Header() {
@@ -293,11 +294,15 @@ function Header() {
               networkWithoutSWPR && chainId !== ChainId.ARBITRUM_GOERLI
             } /* // FIXME: fix this once SWPR is on Arb Goerli */
           >
-            {t('liquidity')}
+            {t('pools')}
             {networkWithoutSWPR && <HeaderLinkBadge label="NOT&nbsp;AVAILABLE" />}
           </HeaderLink>
-          <HeaderLink data-testid="liquidity-v3-nav-link" id="liquidity-v3-nav-link" href={LIQUIDITY_V3_LINK}>
-            {t('liquidityV3')}
+          <HeaderLink
+            data-testid="liquidity-v3-nav-link"
+            id="liquidity-v3-nav-link"
+            href={LIQUIDITY_V3_INFO_POOLS_LINK}
+          >
+            {t('poolsV3')}
             <NewBadge>NEW</NewBadge>
           </HeaderLink>
           <HeaderLink data-testid="rewards-nav-link" id="rewards-nav-link" to="/rewards" disabled={networkWithoutSWPR}>
@@ -377,16 +382,16 @@ function Header() {
           </HeaderMobileLink>
           {!networkWithoutSWPR && (
             <HeaderMobileLink id="pool-nav-link" to="/pools">
-              {t('liquidity')}
+              {t('pools')}
             </HeaderMobileLink>
           )}
           {!networkWithoutSWPR && (
             <RewardsHeaderMobileLink id="rewards-nav-link" to="/rewards">
               {t('rewards')}
             </RewardsHeaderMobileLink>
           )}
-          <HeaderMobileLink id="liquidity-v3-nav-link" href="https://swapr.liquidity.eth.limo/">
-            {t('liquidityV3')}
+          <HeaderMobileLink id="liquidity-v3-nav-link" href={LIQUIDITY_V3_INFO_POOLS_LINK}>
+            {t('poolsV3')}
             <NewBadge>NEW</NewBadge>
           </HeaderMobileLink>
 

diff --git a/src/components/Popups/LiquidityV3Popup.tsx b/src/components/Popups/LiquidityV3Popup.tsx
@@ -2,7 +2,7 @@ import styled from 'styled-components'
 
 import GnoTokenLogoDark from '../../assets/images/gnosis-chain-logo-dark.svg'
 import SwaprTokenLogoDarkWithRing from '../../assets/images/swapr-logo-dark-with-ring.svg'
-import { LIQUIDITY_V3_LINK } from '../../constants'
+import { LIQUIDITY_V3_INFO_POOLS_LINK } from '../../constants'
 import { LiquidityPairLogo } from '../LiquidityPairLogo'
 
 const FlexLinkContainer = styled.a`
@@ -24,7 +24,7 @@ const LiquidityV3Text = styled.div`
 
 export const LiquidityV3Popup = () => {
   return (
-    <FlexLinkContainer href={LIQUIDITY_V3_LINK} target="_blank">
+    <FlexLinkContainer href={LIQUIDITY_V3_INFO_POOLS_LINK} target="_blank">
       <LiquidityPairLogo leftLogoSrc={SwaprTokenLogoDarkWithRing} rightLogoSrc={GnoTokenLogoDark} />
       <LiquidityV3Text>Try Swapr's new AMM here!</LiquidityV3Text>
     </FlexLinkContainer>

diff --git a/src/constants/urls.ts b/src/constants/urls.ts
@@ -1,2 +1,3 @@
 export const DISCORD_INVITE_LINK = process.env.DISCORD_INVITE_URL ?? 'https://discord.com/invite/QFkNsjTkzD'
-export const LIQUIDITY_V3_LINK = process.env.LIQUIDITY_V3_URL ?? 'https://swapr.liquidity.eth.limo/#/info/pools'
+export const LIQUIDITY_V3_LINK = process.env.LIQUIDITY_V3_URL ?? 'https://v3.swapr.eth.limo/'
+export const LIQUIDITY_V3_INFO_POOLS_LINK = `${LIQUIDITY_V3_LINK}#/info/pools`