feat: hide disclaimer token for erc20 standard

KyberNetwork · Oct 3, 2023 · e62093d · e62093d
1 parent 7213438
commit e62093d
Show file tree

Hide file tree

Showing 6 changed files with 43 additions and 7 deletions.
diff --git a/src/pages/AddLiquidity/TokenPair.tsx b/src/pages/AddLiquidity/TokenPair.tsx
@@ -672,7 +672,11 @@ const TokenPair = ({
               </Warning>
             )}
 
-            <DisclaimerERC20 href="https://docs.kyberswap.com/liquidity-solutions/kyberswap-elastic/user-guides/add-liquidity-to-an-existing-elastic-pool#non-standard-tokens" />
+            <DisclaimerERC20
+              href="https://docs.kyberswap.com/liquidity-solutions/kyberswap-elastic/user-guides/add-liquidity-to-an-existing-elastic-pool#non-standard-tokens"
+              token0={currencyIdB}
+              token1={currencyIdA}
+            />
 
             <div style={{ marginBottom: '1.5rem' }} />
 

diff --git a/src/pages/AddLiquidityV2/components/DisclaimerERC20.tsx b/src/pages/AddLiquidityV2/components/DisclaimerERC20.tsx
@@ -1,13 +1,38 @@
 import { Trans } from '@lingui/macro'
 import { AlertTriangle } from 'react-feather'
 import { Flex, Text } from 'rebass'
+import { useGetTokenListQuery } from 'services/ksSetting'
 
 import { WarningCard } from 'components/Card'
+import { useActiveWeb3React } from 'hooks'
 import useTheme from 'hooks/useTheme'
 import { ExternalLink } from 'theme'
 
-export default function DisclaimerERC20({ href }: { href?: string }) {
+export default function DisclaimerERC20({ href, token0, token1 }: { href?: string; token0: string; token1: string }) {
   const theme = useTheme()
+  const { chainId } = useActiveWeb3React()
+  const { data: data0 } = useGetTokenListQuery(
+    {
+      chainId,
+      query: token0,
+    },
+    {
+      skip: !token0 || !token1,
+    },
+  )
+  const { data: data1 } = useGetTokenListQuery(
+    {
+      chainId,
+      query: token1,
+    },
+    {
+      skip: !token0 || !token1,
+    },
+  )
+
+  const hide = data0?.data?.tokens?.[0].isStandardERC20 && data1?.data?.tokens?.[0].isStandardERC20
+  if (hide) return null
+
   return (
     <WarningCard padding="10px 16px">
       <Flex alignItems="center" sx={{ gap: '12px' }} lineHeight={1.5}>

diff --git a/src/pages/AddLiquidityV2/index.tsx b/src/pages/AddLiquidityV2/index.tsx
@@ -1629,9 +1629,11 @@ export default function AddLiquidity() {
                     <Flex>{warnings}</Flex>
                   </Row>
                 )}
-                <Flex maxWidth={chartRef?.current?.clientWidth} alignSelf="flex-end">
-                  <DisclaimerERC20 />
-                </Flex>
+                {tokenA && tokenB && (
+                  <Flex maxWidth={chartRef?.current?.clientWidth} alignSelf="flex-end">
+                    <DisclaimerERC20 token0={tokenA.address} token1={tokenB.address} />
+                  </Flex>
+                )}
 
                 <Row justify="flex-end">
                   <Buttons />

diff --git a/src/pages/CreatePool/index.tsx b/src/pages/CreatePool/index.tsx
@@ -736,7 +736,11 @@ export default function CreatePool() {
                   </Warning>
                 )}
 
-                <DisclaimerERC20 href="https://docs.kyberswap.com/liquidity-solutions/kyberswap-classic/user-guides/classic-pool-creation#non-standard-tokens" />
+                <DisclaimerERC20
+                  href="https://docs.kyberswap.com/liquidity-solutions/kyberswap-classic/user-guides/classic-pool-creation#non-standard-tokens"
+                  token0={currencyIdA || ''}
+                  token1={currencyIdB || ''}
+                />
 
                 {!account ? (
                   <ButtonLight onClick={toggleWalletModal}>

diff --git a/src/services/ksSetting.ts b/src/services/ksSetting.ts
@@ -98,7 +98,7 @@ const ksSettingApi = createApi({
 
     getTokenList: builder.query<
       TokenListResponse,
-      { chainId: number; page?: number; pageSize?: number; isWhitelisted?: boolean; isStable?: boolean }
+      { chainId: number; page?: number; pageSize?: number; isWhitelisted?: boolean; isStable?: boolean; query?: string }
     >({
       query: ({ chainId, ...params }) => ({
         url: `/tokens`,

diff --git a/src/state/lists/wrappedTokenInfo.ts b/src/state/lists/wrappedTokenInfo.ts
@@ -13,6 +13,7 @@ export interface TokenInfo {
   readonly isWhitelisted?: boolean // from backend
   readonly multichainInfo?: MultiChainTokenInfo // from multichain api
   readonly domainSeparator?: string
+  readonly isStandardERC20?: boolean
 }
 
 export class WrappedTokenInfo extends Token {