pools update (#273)

* pools update

* feat: update pools list

* feat(query-keys)

* chore(): removed chain filter

* fix: vault data issue

* feat: load pools when not connected

* feat: finilise pools page

* fix: ci issue

* fix: e2e test failing

* feat(torospool): added toros pool card (#278)

* feat(torospool): added toros pool card

* feat(filter): added card to filter options

* display string fic

* correctly nav to manage

* remove unused logic

* empty state on undefined

* hide snxUSD

* Unsupported Collateral Alert

* convert useCollateralTypes to useQuery

* wip

* app ready context

* rendering fixes

* deps

* types

* rename

* upgrade tests

* feat(PoolStats): added PoolStats Page (#283)

* feat(PoolStats): added PoolStats Page

* feat(recharts): added lib

* done

---------

Co-authored-by: jmzwar <[email protected]>

* ref: added convertSecondsToDay func

* dedupe

* ref: fix linting

* ref: fix typecheck

* ready fixes

* minor fixes

* feat: added tvl and apr graphs

* ref: deps

* feat: removed dots for APR

* feat: updated APR for legend

* feat: set yAxis font size to 12px

* feat: added gap for total apr legend

* ref: filtering before mapping over sevenWeeksAPR

* feat: wrapping boxes for mobile

* wip

* update loading

* update subgraph urls

* list update

* remove tooltip

* add footer

* show correct collateral

* only one chain at a time

* card backgrounds

* ready for qa

* deps

* not connected case onClick button

* toros link styling

* correct wording on positions

* remove dai

* toros cardhover

* fix e2e

* wip

* lock

* pool page

* Offline mode

* deps

* mismatched

* yarn.lock

* remove use memo

* fix test, remove collateral alerty

* typefix

* hide op

* fix typecheck

* restructure for better loading

* fix for structure

* fix for usePoolData

* fix: pools card network switch

* fix: balance issues and deposits

* fix: cache

* installed deps

* fix: deposit issue

---------

Co-authored-by: jmzwar <[email protected]>
Co-authored-by: Peiman <[email protected]>
Co-authored-by: fritzschoff <[email protected]>
Co-authored-by: max <[email protected]>
Co-authored-by: Work <[email protected]>

contracts/importers/importPythERC7412Wrapper.js

@@ -0,0 +1,46 @@
+export async function importPythERC7412Wrapper(chainId, preset) {
+  if (!preset) {
+    throw new Error(`Missing preset`);
+  }
+  const deployment = `${Number(chainId).toFixed(0)}-${preset}`;
+  switch (deployment) {
+    case '8453-andromeda': {
+      const [{ default: meta }, { default: abi }] = await Promise.all([
+        import('@synthetixio/v3-contracts/8453-andromeda/meta.json'),
+        import('@synthetixio/v3-contracts/8453-andromeda/PythERC7412Wrapper.readable.json'),
+      ]);
+      return { address: meta.contracts.PythERC7412Wrapper, abi };
+    }
+    case '84532-andromeda': {
+      const [{ default: meta }, { default: abi }] = await Promise.all([
+        import('@synthetixio/v3-contracts/84532-andromeda/meta.json'),
+        import('@synthetixio/v3-contracts/84532-andromeda/PythERC7412Wrapper.readable.json'),
+      ]);
+      return { address: meta.contracts.PythERC7412Wrapper, abi };
+    }
+    case '42161-main': {
+      const [{ default: meta }, { default: abi }] = await Promise.all([
+        import('@synthetixio/v3-contracts/42161-main/meta.json'),
+        import('@synthetixio/v3-contracts/42161-main/PythERC7412Wrapper.readable.json'),
+      ]);
+      return { address: meta.contracts.PythERC7412Wrapper, abi };
+    }
+    case '421614-main': {
+      const [{ default: meta }, { default: abi }] = await Promise.all([
+        import('@synthetixio/v3-contracts/421614-main/meta.json'),
+        import('@synthetixio/v3-contracts/421614-main/PythERC7412Wrapper.readable.json'),
+      ]);
+      return { address: meta.contracts.PythERC7412Wrapper, abi };
+    }
+    case '42161-arbthetix': {
+      const [{ default: meta }, { default: abi }] = await Promise.all([
+        import('@synthetixio/v3-contracts/42161-arbthetix/meta.json'),
+        import('@synthetixio/v3-contracts/42161-arbthetix/PythERC7412Wrapper.readable.json'),
+      ]);
+      return { address: meta.contracts.PythERC7412Wrapper, abi };
+    }
+    default: {
+      throw new Error(`Unsupported deployment ${deployment} for PythERC7412Wrapper`);
+    }
+  }
+}

contracts/index.d.ts

@@ -0,0 +1 @@
+declare module '@snx-v3/contracts';

contracts/index.js

@@ -9,3 +9,4 @@ export * from './importers/importSpotMarketProxy';
 export * from './importers/importPerpsMarketProxy';
 export * from './importers/importPerpsAccountProxy';
 export * from './importers/importExtras';
+export * from './importers/importPythERC7412Wrapper';

liquidity/components/DepositModal/DepositModal.tsx

@@ -244,7 +244,7 @@ export const DepositModal: DepositModalProps = ({
       ? isBaseAndromeda(network?.id, network?.preset)
         ? //Base USDC is 6 decimals
           utils.parseUnits(collateralNeeded.toString(), 6)
-        : collateralNeeded.toBN()
+        : utils.parseUnits(collateralNeeded.toString(), collateralType?.decimals)
       : 0,
     spender: isBaseAndromeda(network?.id, network?.preset)
       ? SpotProxy?.address
@@ -273,6 +273,7 @@ export const DepositModal: DepositModalProps = ({
     collateralChange,
     currentCollateral,
     availableCollateral: availableCollateral || wei(0),
+    decimals: Number(collateralType?.decimals) || 18,
   });
 
   const { exec: depositBaseAndromeda } = useDepositBaseAndromeda({

liquidity/components/HomeLink/HomeLink.tsx

@@ -1,9 +1,10 @@
 import { Link as ReactRouterLink, useLocation } from 'react-router-dom';
-import { Link } from '@chakra-ui/react';
+import { Link, LinkProps } from '@chakra-ui/react';
 import { ArrowBackIcon } from '@chakra-ui/icons';
 
-export const HomeLink = () => {
+export const HomeLink = ({ ...props }: LinkProps) => {
   const location = useLocation();
+
   return (
     <Link
       width="fit-content"
@@ -18,6 +19,7 @@ export const HomeLink = () => {
       fontSize="sm"
       fontWeight={700}
       mb={2}
+      {...props}
     >
       <ArrowBackIcon mr={1} /> Home
     </Link>

liquidity/components/TermsModal/TermsModal.tsx

@@ -126,7 +126,7 @@ export const TermsModal = ({ defaultOpen = true }: TermsModalProps) => {
                   <Link
                     color="cyan.500"
                     target="_blank"
-                    href="https://discord.com/invite/ptfNSByB8P"
+                    href="https://discord.com/invite/synthetix"
                     _focusVisible={{ outline: 'none' }}
                   >
                     Synthetix Discord

liquidity/components/icons/DiscordIcon/DiscordIcon.tsx

@@ -0,0 +1,20 @@
+import { Icon, IconProps } from '@chakra-ui/react';
+
+interface DiscordIcon extends IconProps {
+  fill?: string;
+}
+
+export const DiscordIcon = ({ width = '15px', height = '15px', ...props }: DiscordIcon) => {
+  return (
+    <Icon width={width} height={height} viewBox="0 0 24 24" fill="none" {...props}>
+      <path
+        d="M9.84893 10.3091C9.247 10.3091 8.77179 10.8341 8.77179 11.4746C8.77179 12.1151 9.25756 12.6401 9.84893 12.6401C10.4509 12.6401 10.9261 12.1151 10.9261 11.4746C10.9366 10.8341 10.4509 10.3091 9.84893 10.3091ZM13.7034 10.3091C13.1015 10.3091 12.6263 10.8341 12.6263 11.4746C12.6263 12.1151 13.112 12.6401 13.7034 12.6401C14.3053 12.6401 14.7806 12.1151 14.7806 11.4746C14.7806 10.8341 14.3053 10.3091 13.7034 10.3091Z"
+        fill="#FEFEFF"
+      />
+      <path
+        d="M18.8354 1.49976H4.68468C3.49138 1.49976 2.51984 2.46578 2.51984 3.6628V17.8591C2.51984 19.0561 3.49138 20.0222 4.68468 20.0222H16.66L16.1003 18.0796L17.452 19.3291L18.7298 20.5052L21.0002 22.5002V3.6628C21.0002 2.46578 20.0287 1.49976 18.8354 1.49976ZM14.7591 15.2131C14.7591 15.2131 14.379 14.7615 14.0622 14.3625C15.4456 13.974 15.9736 13.113 15.9736 13.113C15.5406 13.3965 15.1288 13.596 14.7591 13.7325C14.2311 13.953 13.7242 14.1 13.2279 14.184C12.2141 14.373 11.2848 14.3205 10.4928 14.1735C9.89088 14.058 9.37343 13.89 8.94046 13.722C8.69757 13.6275 8.43357 13.512 8.16956 13.365C8.13788 13.344 8.1062 13.3335 8.07452 13.3125C8.0534 13.302 8.04284 13.2915 8.03228 13.281C7.84219 13.176 7.73659 13.1025 7.73659 13.1025C7.73659 13.1025 8.24348 13.9425 9.58463 14.3415C9.26782 14.7405 8.8771 15.2131 8.8771 15.2131C6.54328 15.1396 5.65623 13.617 5.65623 13.617C5.65623 10.2359 7.1769 7.49539 7.1769 7.49539C8.69757 6.36136 10.1443 6.39286 10.1443 6.39286L10.2499 6.51887C8.34908 7.06488 7.47258 7.8944 7.47258 7.8944C7.47258 7.8944 7.70491 7.76839 8.09564 7.58989C9.22558 7.09638 10.1232 6.95988 10.4928 6.92838C10.5562 6.91788 10.609 6.90737 10.6723 6.90737C11.3165 6.82337 12.0452 6.80237 12.8055 6.88637C13.8087 7.00188 14.8859 7.29588 15.9841 7.8944C15.9841 7.8944 15.1499 7.10688 13.3546 6.56087L13.5025 6.39286C13.5025 6.39286 14.9492 6.36136 16.4699 7.49539C16.4699 7.49539 17.9906 10.2359 17.9906 13.617C17.9906 13.617 17.093 15.1396 14.7591 15.2131Z"
+        fill="#FEFEFF"
+      />
+    </Icon>
+  );
+};

liquidity/components/icons/DiscordIcon/index.tsx

@@ -0,0 +1 @@
+export * from './DiscordIcon';

liquidity/components/icons/GithubIcon/GithubIcon.tsx

@@ -0,0 +1,42 @@
+import { Icon, IconProps } from '@chakra-ui/react';
+
+export const GithubIcon = ({ ...props }: IconProps) => {
+  return (
+    <Icon viewBox="0 0 24 24" fill="none" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12.0002 2.25049C6.61603 2.25049 2.25058 6.72675 2.25058 12.2476C2.25058 16.6642 5.04356 20.4121 8.91822 21.7331C9.40578 21.8258 9.58498 21.5163 9.58498 21.2514C9.58498 21.013 9.57529 20.2251 9.57207 19.3907C6.85819 19.995 6.28668 18.2121 6.28668 18.2121C5.84271 17.0566 5.20501 16.7487 5.20501 16.7487C4.32029 16.1279 5.2712 16.1411 5.2712 16.1411C6.24955 16.2123 6.76617 17.1708 6.76617 17.1708C7.63635 18.6988 9.04737 18.2568 9.60274 18.0018C9.68992 17.3562 9.94339 16.9142 10.2211 16.6642C8.05611 16.411 5.77975 15.5535 5.77975 11.7245C5.77975 10.6335 6.16075 9.74127 6.78393 9.04103C6.68222 8.7894 6.34964 7.77297 6.87757 6.39566C6.87757 6.39566 7.69609 6.12749 9.55915 7.42037C10.3373 7.19854 11.1704 7.08763 12.0002 7.08432C12.8284 7.08763 13.6631 7.19854 14.4428 7.42037C16.3043 6.12749 17.1212 6.39566 17.1212 6.39566C17.6523 7.77297 17.3181 8.7894 17.2164 9.04103C17.8412 9.74127 18.219 10.6335 18.219 11.7245C18.219 15.5634 15.9378 16.4093 13.768 16.6576C14.1183 16.9672 14.4299 17.5764 14.4299 18.5084C14.4299 19.846 14.4186 20.922 14.4186 21.2514C14.4186 21.5179 14.5946 21.8292 15.0886 21.7315C18.96 20.4088 21.7498 16.6626 21.7498 12.2476C21.7498 6.72675 17.3843 2.25049 12.0002 2.25049Z"
+        fill="#FEFEFF"
+      />
+      <path
+        d="M5.94295 16.6031C5.92196 16.6527 5.84447 16.6676 5.77505 16.6328C5.70401 16.5997 5.66526 16.5319 5.68787 16.4822C5.70885 16.4309 5.78473 16.4176 5.85577 16.4508C5.9268 16.4855 5.96716 16.5534 5.94295 16.6031Z"
+        fill="#FEFEFF"
+      />
+      <path
+        d="M6.33886 17.055C6.29204 17.0997 6.20163 17.0782 6.14028 17.0086C6.0757 16.9391 6.0644 16.8464 6.11122 16.8017C6.15965 16.757 6.24683 16.7785 6.31141 16.8481C6.37437 16.9176 6.38729 17.0103 6.33886 17.055Z"
+        fill="#FEFEFF"
+      />
+      <path
+        d="M6.72318 17.6313C6.66345 17.6743 6.56497 17.6346 6.50523 17.5452C6.4455 17.4558 6.4455 17.3498 6.50685 17.3068C6.56658 17.2638 6.66345 17.3018 6.7248 17.3912C6.78453 17.4806 6.78453 17.5882 6.72318 17.6313Z"
+        fill="#FEFEFF"
+      />
+      <path
+        d="M7.24861 18.1876C7.19533 18.2488 7.08071 18.2323 6.99837 18.1495C6.91281 18.0684 6.8902 17.9542 6.94348 17.8946C6.99837 17.8333 7.11138 17.8515 7.19533 17.9326C7.27928 18.0121 7.30512 18.128 7.24861 18.1876Z"
+        fill="#FEFEFF"
+      />
+      <path
+        d="M7.97585 18.5102C7.95164 18.588 7.84185 18.6244 7.73207 18.5913C7.62229 18.5565 7.54964 18.4655 7.57224 18.386C7.59484 18.3066 7.70463 18.2702 7.81602 18.3049C7.92742 18.3397 7.99846 18.4307 7.97585 18.5102Z"
+        fill="#FEFEFF"
+      />
+      <path
+        d="M8.77338 18.5695C8.77661 18.6523 8.68297 18.7202 8.56673 18.7218C8.45049 18.7251 8.35524 18.6573 8.35524 18.5762C8.35524 18.4934 8.44726 18.4255 8.5635 18.4239C8.67813 18.4222 8.77338 18.4884 8.77338 18.5695Z"
+        fill="#FEFEFF"
+      />
+      <path
+        d="M9.51542 18.4407C9.52995 18.5218 9.44923 18.6029 9.33299 18.6261C9.21998 18.6476 9.11504 18.598 9.10051 18.5185C9.08598 18.4357 9.16832 18.353 9.28133 18.3314C9.39757 18.3099 9.50089 18.3596 9.51542 18.4407Z"
+        fill="#FEFEFF"
+      />
+    </Icon>
+  );
+};

liquidity/components/icons/GithubIcon/index.tsx

@@ -0,0 +1 @@
+export * from './GithubIcon';

liquidity/components/icons/Logo/Logo.tsx

@@ -1,45 +1,58 @@
 import { Icon, IconProps } from '@chakra-ui/react';
 
-export const Logo = ({ color = '#00D1FF', width = '126px', height = '22px' }: IconProps) => {
+interface LogoProps extends IconProps {
+  withText?: boolean;
+}
+
+export const Logo = ({
+  color = '#00D1FF',
+  width = '126px',
+  height = '22px',
+  withText = true,
+}: LogoProps) => {
   return (
     <Icon width={width} height={height} viewBox="0 0 126 22" fill="none" color={color}>
       <path
         d="M7.00677 4.80523C6.804 4.57155 6.55437 4.45443 6.25731 4.45443H0.182051C0.128089 4.45443 0.0839395 4.43722 0.0506907 4.40281C0.0168969 4.36895 0 4.33065 0 4.28957V0.164856C0 0.12378 0.0168969 0.0860357 0.0506907 0.0516214C0.0839395 0.0172071 0.128089 0 0.182051 0H6.60179C8.22171 0 9.61925 0.667193 10.7939 2.00047L12.3533 3.91823L9.31565 7.65107L7.00677 4.80523ZM18.2263 1.97993C19.4009 0.659977 20.805 0 22.4386 0H28.8381C28.8921 0 28.9324 0.0138767 28.9597 0.0410751C28.9864 0.0688286 29 0.109904 29 0.164856V4.28957C29 4.33065 28.9864 4.36895 28.9597 4.40281C28.9324 4.43722 28.8921 4.45443 28.8381 4.45443H22.7629C22.4658 4.45443 22.2162 4.57155 22.0134 4.80523L17.5379 10.291L22.0336 15.8178C22.2363 16.0382 22.4789 16.1481 22.7629 16.1481H28.8381C28.8921 16.1481 28.9324 16.1653 28.9597 16.1997C28.9864 16.2341 29 16.2791 29 16.3335V20.4582C29 20.4993 28.9864 20.5376 28.9597 20.5714C28.9324 20.6058 28.8921 20.623 28.8381 20.623H22.4386C20.805 20.623 19.4075 19.9564 18.2465 18.6226L14.5204 14.0444L10.7939 18.6226C9.61925 19.9564 8.21517 20.623 6.58162 20.623H0.182051C0.128089 20.623 0.0872099 20.6058 0.0605018 20.5714C0.0332488 20.537 0.0201673 20.4926 0.0201673 20.4371V16.3124C0.0201673 16.2713 0.0332488 16.2336 0.0605018 16.1991C0.0872099 16.1647 0.128089 16.1475 0.182051 16.1475H6.25731C6.54074 16.1475 6.79038 16.031 7.00677 15.7967L11.4011 10.3937L18.2263 1.97993Z"
         fill="#00D1FF"
       />
-      <path d="M42.9 3.86001V15.72H51.7V17.86H40.4V3.86001H42.9Z" fill="white" />
-      <path
-        d="M53.4645 7.02001H55.7845V17.86H53.4645V7.02001ZM53.4645 3.30001H55.7845V5.62001H53.4645V3.30001Z"
-        fill="white"
-      />
-      <path
-        d="M61.0055 7.02001H68.5055V21.78H66.1855V16.38L64.4455 17.86H61.0055C59.4255 17.86 58.1655 16.54 58.1655 15.02V9.86002C58.1655 8.28002 59.4855 7.02001 61.0055 7.02001ZM61.6255 15.86H65.4855C65.8655 15.86 66.1855 15.56 66.1855 15.16V9.04002H61.6255C60.9855 9.04002 60.4655 9.54002 60.4655 10.18V14.7C60.4655 15.36 60.9855 15.86 61.6255 15.86Z"
-        fill="white"
-      />
-      <path
-        d="M74.5408 15.86H78.3008C78.6808 15.86 79.0008 15.56 79.0008 15.16V7.02001H81.3208V17.86H79.0008V16.4L77.3208 17.86H73.9008C72.3808 17.86 71.0808 16.6 71.0808 15.02V7.02001H73.3808V14.7C73.3808 15.36 73.8808 15.86 74.5408 15.86Z"
-        fill="white"
-      />
-      <path
-        d="M83.9333 7.02001H86.2533V17.86H83.9333V7.02001ZM83.9333 3.30001H86.2533V5.62001H83.9333V3.30001Z"
-        fill="white"
-      />
-      <path
-        d="M96.6542 7.02001V3.14001H98.9742V17.86H96.6542V16.38L94.9142 17.86H91.4742C89.8942 17.86 88.6342 16.54 88.6342 15.02V9.86002C88.6342 8.28002 89.9542 7.02001 91.4742 7.02001H96.6542ZM92.0942 15.86H95.9542C96.3342 15.86 96.6542 15.56 96.6542 15.16V9.04002H92.0942C91.4542 9.04002 90.9342 9.54002 90.9342 10.18V14.7C90.9342 15.36 91.4542 15.86 92.0942 15.86Z"
-        fill="white"
-      />
-      <path
-        d="M101.59 7.02001H103.91V17.86H101.59V7.02001ZM101.59 3.30001H103.91V5.62001H101.59V3.30001Z"
-        fill="white"
-      />
-      <path
-        d="M113.09 15.86V17.86H110.31C108.77 17.86 107.51 16.66 107.51 15.08V9.04002H105.63V7.02001H107.51V4.64002H109.83V7.02001H113.11V9.04002H109.83V14.74C109.83 15.4 110.27 15.86 110.93 15.86H113.09Z"
-        fill="white"
-      />
-      <path
-        d="M116.587 21.78L118.747 17.22L113.947 7.02001H116.467L119.947 14.74L123.267 7.02001H125.747L119.067 21.78H116.587Z"
-        fill="white"
-      />
+      {withText && (
+        <g>
+          <path d="M42.9 3.86001V15.72H51.7V17.86H40.4V3.86001H42.9Z" fill="white" />
+          <path
+            d="M53.4645 7.02001H55.7845V17.86H53.4645V7.02001ZM53.4645 3.30001H55.7845V5.62001H53.4645V3.30001Z"
+            fill="white"
+          />
+          <path
+            d="M61.0055 7.02001H68.5055V21.78H66.1855V16.38L64.4455 17.86H61.0055C59.4255 17.86 58.1655 16.54 58.1655 15.02V9.86002C58.1655 8.28002 59.4855 7.02001 61.0055 7.02001ZM61.6255 15.86H65.4855C65.8655 15.86 66.1855 15.56 66.1855 15.16V9.04002H61.6255C60.9855 9.04002 60.4655 9.54002 60.4655 10.18V14.7C60.4655 15.36 60.9855 15.86 61.6255 15.86Z"
+            fill="white"
+          />
+          <path
+            d="M74.5408 15.86H78.3008C78.6808 15.86 79.0008 15.56 79.0008 15.16V7.02001H81.3208V17.86H79.0008V16.4L77.3208 17.86H73.9008C72.3808 17.86 71.0808 16.6 71.0808 15.02V7.02001H73.3808V14.7C73.3808 15.36 73.8808 15.86 74.5408 15.86Z"
+            fill="white"
+          />
+          <path
+            d="M83.9333 7.02001H86.2533V17.86H83.9333V7.02001ZM83.9333 3.30001H86.2533V5.62001H83.9333V3.30001Z"
+            fill="white"
+          />
+          <path
+            d="M96.6542 7.02001V3.14001H98.9742V17.86H96.6542V16.38L94.9142 17.86H91.4742C89.8942 17.86 88.6342 16.54 88.6342 15.02V9.86002C88.6342 8.28002 89.9542 7.02001 91.4742 7.02001H96.6542ZM92.0942 15.86H95.9542C96.3342 15.86 96.6542 15.56 96.6542 15.16V9.04002H92.0942C91.4542 9.04002 90.9342 9.54002 90.9342 10.18V14.7C90.9342 15.36 91.4542 15.86 92.0942 15.86Z"
+            fill="white"
+          />
+          <path
+            d="M101.59 7.02001H103.91V17.86H101.59V7.02001ZM101.59 3.30001H103.91V5.62001H101.59V3.30001Z"
+            fill="white"
+          />
+          <path
+            d="M113.09 15.86V17.86H110.31C108.77 17.86 107.51 16.66 107.51 15.08V9.04002H105.63V7.02001H107.51V4.64002H109.83V7.02001H113.11V9.04002H109.83V14.74C109.83 15.4 110.27 15.86 110.93 15.86H113.09Z"
+            fill="white"
+          />
+          <path
+            d="M116.587 21.78L118.747 17.22L113.947 7.02001H116.467L119.947 14.74L123.267 7.02001H125.747L119.067 21.78H116.587Z"
+            fill="white"
+          />
+        </g>
+      )}
     </Icon>
   );
 };

liquidity/components/icons/WarpcastIcon/WarpcastIcon.tsx

@@ -0,0 +1,19 @@
+import { Icon, IconProps } from '@chakra-ui/react';
+
+export const WarpcastIcon = ({ ...props }: IconProps) => {
+  return (
+    <Icon viewBox="0 0 24 24" fill="none" {...props}>
+      <g clipPath="url(#clip0_14230_11037)">
+        <path
+          d="M6.52381 7.30209C7.07677 9.37496 7.54202 11.0837 7.55756 11.0993C7.57316 11.1148 7.90732 9.92686 8.30024 8.45929L9.32137 4.64551L9.62823 3.5H12.0094C13.3191 3.5 14.3906 3.51182 14.3906 3.52623C14.3906 3.54974 16.36 10.9554 16.4034 11.0949C16.4133 11.1268 16.8207 9.64756 17.3088 7.80784C17.7969 5.96812 18.2549 4.24627 18.3265 3.98145L18.4566 3.5H21.1385C22.6135 3.5 23.8214 3.52245 23.8226 3.5498C23.8239 3.57716 22.7107 7.40183 21.349 12.0491L18.873 20.4985L16.5341 20.4993L14.1951 20.5L14.0945 20.1514C14.0392 19.9597 13.5453 18.2065 12.9969 16.2554C12.4485 14.3044 11.9924 12.7011 11.9833 12.6925C11.9742 12.6839 11.4737 14.4369 10.8711 16.5881L9.77539 20.4994L7.43902 20.4997C5.27152 20.5 5.10012 20.4916 5.06752 20.3838C5.04813 20.3199 3.93934 16.5472 2.60352 12C1.26769 7.45283 0.15877 3.67976 0.139312 3.61548C0.105777 3.50491 0.252535 3.49947 2.8111 3.51587L5.51842 3.5332L6.52381 7.30209Z"
+          fill="white"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_14230_11037">
+          <rect width="24" height="24" fill="white" />
+        </clipPath>
+      </defs>
+    </Icon>
+  );
+};

liquidity/components/icons/WarpcastIcon/index.tsx

@@ -0,0 +1 @@
+export * from './WarpcastIcon';

liquidity/components/icons/XIcon/XIcon.tsx

@@ -0,0 +1,19 @@
+import { Icon, IconProps } from '@chakra-ui/react';
+
+export const XIcon = ({ ...props }: IconProps) => {
+  return (
+    <Icon viewBox="0 0 24 24" fill="none" {...props}>
+      <g clipPath="url(#clip0_14230_11024)">
+        <path
+          d="M10.573 13.5844L4.98887 20.25H6.31212L11.1608 14.4623L15.0334 20.25H19.5L13.6438 11.498L19.5 4.50809H18.1767L13.0564 10.6201L8.9666 4.50809H4.5L10.5733 13.5844H10.573ZM12.3854 11.4209L12.9788 12.2924L17.6999 19.227H15.6673L11.8573 13.6306L11.264 12.7591L6.3115 5.48454H8.34405L12.3854 11.4206V11.4209Z"
+          fill="white"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_14230_11024">
+          <rect width="15" height="15.75" fill="white" transform="matrix(-1 0 0 -1 19.5 20.25)" />
+        </clipPath>
+      </defs>
+    </Icon>
+  );
+};

liquidity/components/icons/XIcon/index.tsx

@@ -0,0 +1 @@
+export * from './XIcon';

liquidity/components/icons/YoutubeIcon/YoutubeIcon.tsx

@@ -0,0 +1,14 @@
+import { Icon, IconProps } from '@chakra-ui/react';
+
+export const YoutubeIcon = ({ ...props }: IconProps) => {
+  return (
+    <Icon viewBox="0 0 24 24" fill="none" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M20.3943 4.94354C21.3075 5.18802 22.0253 5.90572 22.2697 6.81901C22.7115 8.47269 22.7133 11.925 22.7133 11.925C22.7133 11.925 22.7133 15.3773 22.2697 17.031C22.0253 17.9443 21.3075 18.662 20.3943 18.9064C18.7406 19.35 12.1066 19.35 12.1066 19.35C12.1066 19.35 5.47269 19.35 3.819 18.9064C2.90572 18.662 2.18802 17.9443 1.94354 17.031C1.5 15.3773 1.5 11.925 1.5 11.925C1.5 11.925 1.5 8.47269 1.94354 6.81901C2.18802 5.90572 2.90572 5.18802 3.819 4.94354C5.47269 4.5 12.1066 4.5 12.1066 4.5C12.1066 4.5 18.7406 4.5 20.3943 4.94354ZM15.4944 11.9254L9.98331 15.107V8.74375L15.4944 11.9254Z"
+        fill="white"
+      />
+    </Icon>
+  );
+};

liquidity/components/icons/YoutubeIcon/index.tsx

@@ -0,0 +1 @@
+export * from './YoutubeIcon';

liquidity/components/icons/index.ts

@@ -16,3 +16,8 @@ export * from './CCIP';
 export * from './BaseIcon';
 export * from './BitcoinIcon';
 export * from './ArbitrumIcon';
+export * from './DiscordIcon';
+export * from './XIcon';
+export * from './GithubIcon';
+export * from './WarpcastIcon';
+export * from './YoutubeIcon';