Hide token logos from holdings if unavailable (#11912)

This commit is contained in:
Justin Starry
2020-08-30 22:27:05 +08:00
committed by GitHub
parent 8932e4821d
commit 729c4a9399

View File

@ -92,7 +92,8 @@ function HoldingsDetailTable({ tokens }: { tokens: TokenInfoWithPubkey[] }) {
const detailsList: React.ReactNode[] = []; const detailsList: React.ReactNode[] = [];
const { cluster } = useCluster(); const { cluster } = useCluster();
const showLogos = tokens.some( const showLogos = tokens.some(
(t) => TokenRegistry.get(t.info.mint.toBase58(), cluster) !== undefined (t) =>
TokenRegistry.get(t.info.mint.toBase58(), cluster)?.icon !== undefined
); );
tokens.forEach((tokenAccount) => { tokens.forEach((tokenAccount) => {
const address = tokenAccount.pubkey.toBase58(); const address = tokenAccount.pubkey.toBase58();
@ -102,7 +103,7 @@ function HoldingsDetailTable({ tokens }: { tokens: TokenInfoWithPubkey[] }) {
<tr key={address}> <tr key={address}>
{showLogos && ( {showLogos && (
<td className="w-1 p-0 text-center"> <td className="w-1 p-0 text-center">
{tokenDetails && ( {tokenDetails?.icon && (
<img <img
src={tokenDetails.icon} src={tokenDetails.icon}
alt="token icon" alt="token icon"
@ -160,8 +161,9 @@ function HoldingsSummaryTable({ tokens }: { tokens: TokenInfoWithPubkey[] }) {
} }
const detailsList: React.ReactNode[] = []; const detailsList: React.ReactNode[] = [];
const showLogos = tokens.some((t) => const showLogos = tokens.some(
TokenRegistry.get(t.info.mint.toBase58(), cluster) (t) =>
TokenRegistry.get(t.info.mint.toBase58(), cluster)?.icon !== undefined
); );
mappedTokens.forEach((totalByMint, mintAddress) => { mappedTokens.forEach((totalByMint, mintAddress) => {
const tokenDetails = TokenRegistry.get(mintAddress, cluster); const tokenDetails = TokenRegistry.get(mintAddress, cluster);
@ -169,7 +171,7 @@ function HoldingsSummaryTable({ tokens }: { tokens: TokenInfoWithPubkey[] }) {
<tr key={mintAddress}> <tr key={mintAddress}>
{showLogos && ( {showLogos && (
<td className="w-1 p-0 text-center"> <td className="w-1 p-0 text-center">
{tokenDetails && ( {tokenDetails?.icon && (
<img <img
src={tokenDetails.icon} src={tokenDetails.icon}
alt="token icon" alt="token icon"