v3 links

Synthetixio · Jun 12, 2024 · 6df7430 · 6df7430
1 parent bc3b936
commit 6df7430
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 14 deletions.
diff --git a/src/components/Menu/Menu.tsx b/src/components/Menu/Menu.tsx
@@ -34,8 +34,8 @@ const data: {
 
 const externalButtons = [
 	{
-		externalLink: 'https://staking.synthetix.io',
-		label: 'Staking App',
+		externalLink: 'https://liquidity.synthetix.eth.limo/',
+		label: 'Liquidity App',
 	},
 ];
 

diff --git a/src/sections/home/interfaces.tsx b/src/sections/home/interfaces.tsx
@@ -72,7 +72,7 @@ export const Interfaces = () => {
 									lineHeight="20px"
 									color="cyan.500"
 								>
-									Stake on V2
+									Stake SNX
 								</Text>
 							</LinkOverlay>
 							<ArrowDiagonal ml={2} />
@@ -93,17 +93,6 @@ export const Interfaces = () => {
 				>
 					<Flex width="100%" justifyContent="space-between">
 						<Logo small />
-						<Tag bgColor="whiteAlpha.300">
-							<TagLabel
-								color="white"
-								fontSize="12px"
-								lineHeight="16px"
-								fontWeight={500}
-								fontFamily="heading"
-							>
-								COMING SOON
-							</TagLabel>
-						</Tag>
 					</Flex>
 					<Text
 						my="16px"
@@ -123,6 +112,30 @@ export const Interfaces = () => {
 						with greater flexibility over which pools and markets you have
 						exposure to.
 					</Text>
+					<LinkBox mt="16px">
+						<Flex
+							alignItems="center"
+							p="10px 16px"
+							bg="transparent"
+							border="1px"
+							borderColor="cyan.500"
+							borderRadius="4px"
+							width="fit-content"
+						>
+							<LinkOverlay href={links.liquidityApp} target="_blank">
+								<Text
+									fontSize="14px"
+									fontFamily="heading"
+									fontWeight={700}
+									lineHeight="20px"
+									color="cyan.500"
+								>
+									Deposit Liquidity
+								</Text>
+							</LinkOverlay>
+							<ArrowDiagonal ml={2} />
+						</Flex>
+					</LinkBox>
 				</Flex>
 			</Flex>
 		</Box>

diff --git a/src/utils/constants/index.ts b/src/utils/constants/index.ts
@@ -2,6 +2,7 @@ export const links = {
 	duneLink: 'https://dune.com/synthetix_community/synthetix-stats',
 	stakingV2: 'https://staking.synthetix.io/',
 	stakingV3: 'https://v3.synthetix.io/',
+	liquidityApp: 'https://liquidity.synthetix.eth.limo/',
 	stakingGuide: 'https://docs.synthetix.io/staking/staking-guide',
 	v3IntegrationGuide: 'https://docs.synthetix.io/v/v3/',
 	governanceApp: 'https://governance.synthetix.io/',