diff --git a/explorer/src/components/account/OwnedTokensCard.tsx b/explorer/src/components/account/OwnedTokensCard.tsx index 23cfb5cb5e..6111f03f66 100644 --- a/explorer/src/components/account/OwnedTokensCard.tsx +++ b/explorer/src/components/account/OwnedTokensCard.tsx @@ -66,6 +66,12 @@ export function OwnedTokensCard({ pubkey }: { pubkey: PublicKey }) { ); } + if (tokens.length > 100) { + return ( + + ); + } + return ( <> {showDropdown && ( diff --git a/explorer/src/providers/accounts/tokens.tsx b/explorer/src/providers/accounts/tokens.tsx index 0dea0973f6..136d4a7234 100644 --- a/explorer/src/providers/accounts/tokens.tsx +++ b/explorer/src/providers/accounts/tokens.tsx @@ -66,7 +66,7 @@ async function fetchAccountTokens( "processed" ).getParsedTokenAccountsByOwner(pubkey, { programId: TOKEN_PROGRAM_ID }); data = { - tokens: value.map((accountInfo) => { + tokens: value.slice(0, 101).map((accountInfo) => { const parsedInfo = accountInfo.account.data.parsed.info; const info = create(parsedInfo, TokenAccountInfo); return { info, pubkey: accountInfo.pubkey };