Feat: Use new tokenlist (#1827)

* use new tokenlist and simplify getting the underlying

* includes instead of startswith

* fix lint

* underlying asset best effort for all trades

Author: surewht

package-lock.json

@@ -29,7 +29,7 @@
     "@heroicons/react": "^2.1.3",
     "@indexcoop/analytics-sdk": "0.29.0",
     "@indexcoop/flash-mint-sdk": "3.24.0",
-    "@indexcoop/tokenlists": "3.11.1",
+    "@indexcoop/tokenlists": "4.0.0",
     "@next/third-parties": "15.1.7",
     "@reown/appkit": "1.6.9",
     "@reown/appkit-adapter-wagmi": "1.6.9",

package.json

@@ -1,3 +1,8 @@
+import {
+  getTokenByChainAndAddress,
+  getUnderlyingToken,
+  isLeverageToken,
+} from '@indexcoop/tokenlists'
 import { formatUnits } from 'viem'
 
 import { UtmParam } from '@/app/store/utm-atoms'
@@ -52,15 +57,19 @@ export const mapQuoteToTrade = (
 })
 
 const getUnderlyingAssetSymbol = (quote: Quote) => {
-  const symbol = (
-    quote.isMinting ? quote.outputToken : quote.inputToken
-  ).symbol.toUpperCase()
+  const possible = ['ETH', 'BTC', 'SUI', 'SOL', 'MATIC']
 
-  if (symbol.startsWith('ETH') || symbol.startsWith('IETH')) return 'ETH'
-  if (symbol.startsWith('BTC') || symbol.startsWith('IBTC')) return 'BTC'
-  if (symbol.startsWith('WSTETH')) return 'WSTETH'
-  if (symbol.startsWith('USUI')) return 'SUI'
-  if (symbol.startsWith('USOL')) return 'SOL'
+  const address = quote.isMinting
+    ? quote.outputToken.address
+    : quote.inputToken.address
 
-  return ''
+  const token = getTokenByChainAndAddress(quote.chainId, address)
+
+  if (isLeverageToken(token)) {
+    const { symbol } = getUnderlyingToken(token)
+
+    return possible.find((p) => symbol.includes(p)) ?? ''
+  }
+
+  return possible.find((p) => token?.symbol.includes(p)) ?? ''
 }