From d285d057579eb723adca4d0f84d5c56fcccaa841 Mon Sep 17 00:00:00 2001
From: Centaur AI <ai@centaur.local>
Date: Fri, 15 May 2026 16:26:26 +0000
Subject: [PATCH] docs(tokenlist): remove inline token list, link to Explorer
 instead

Remove the TokenListDemo component and the inline token list rendering.
Replace with a direct link to the Explorer tokens page to avoid an
ever-growing list and any perception of token endorsement.

Amp-Thread-ID: https://ampcode.com/threads/T-019e2c57-03ce-74ab-a044-7ae1d953e54b
---
 src/components/TokenList.tsx       | 41 ------------------------------
 src/pages/quickstart/tokenlist.mdx |  7 +----
 2 files changed, 1 insertion(+), 47 deletions(-)
 delete mode 100644 src/components/TokenList.tsx

diff --git a/src/components/TokenList.tsx b/src/components/TokenList.tsx
deleted file mode 100644
index 0b1dd429..00000000
--- a/src/components/TokenList.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-'use client'
-
-import { useQuery } from '@tanstack/react-query'
-
-export function TokenListDemo() {
-  const tokenList = useQuery({
-    queryKey: ['tokenList', 4217],
-    queryFn: async () => {
-      const response = await fetch('https://tokenlist.tempo.xyz/list/4217')
-      const data = await response.json()
-      if (!Object.hasOwn(data, 'tokens')) throw new Error('Invalid token list')
-      return data.tokens as Array<{
-        name: string
-        symbol: string
-        decimals: number
-        chainId: number
-        address: string
-        logoURI: string
-        extensions: { chain: string }
-      }>
-    },
-  })
-
-  return (
-    <ul className="flex list-none flex-col justify-center gap-3">
-      {tokenList.data?.map((token) => (
-        <li key={token.address} title={token.address}>
-          <a
-            target="_blank"
-            rel="noopener noreferrer"
-            className="flex items-center gap-2 text-content"
-            href={`https://tokenlist.tempo.xyz/asset/4217/${token.address}`}
-          >
-            <img src={token.logoURI} alt={token.name} className="size-7.5" />
-            <span className="font-medium text-xl tracking-wider">{token.name}</span>
-          </a>
-        </li>
-      ))}
-    </ul>
-  )
-}
diff --git a/src/pages/quickstart/tokenlist.mdx b/src/pages/quickstart/tokenlist.mdx
index 45a87fde..9ab7b2fa 100644
--- a/src/pages/quickstart/tokenlist.mdx
+++ b/src/pages/quickstart/tokenlist.mdx
@@ -1,19 +1,14 @@
 ---
 title: Tempo Token List Registry
-interactive: true
 description: Query token metadata, icons, and prices on Tempo using the Uniswap Token Lists-compatible API, and submit new tokens via PR to the registry.
 ---
 import { Callout } from 'vocs'
 
-import { TokenListDemo } from '../../components/TokenList.tsx'
-
 # Tempo Token List Registry
 
 A [Uniswap Token Lists](https://tokenlists.org)-compatible API for token metadata and icons on Tempo.
 
-As an example, here's Tempo's tokenlist, fetched from [tokenlist.tempo.xyz/list/4217](https://tokenlist.tempo.xyz/list/4217):
-
-<TokenListDemo />
+Tempo's tokenlist, fetched from [tokenlist.tempo.xyz/list/4217](https://tokenlist.tempo.xyz/list/4217), is live on the [Explorer](https://explore.tempo.xyz/tokens).
 
 ## Endpoints