slp-token-data usage

use_slp_token_data.js

let iconFound = false;
let tokenUrl = null;
if (
  token.url.startsWith('ipfs://') ||
  token.url.startsWith('psf://') ||
  token.url.startsWith('nouns:') ||
  token.url.startsWith('pouns:')
)
  tokenUrl = token.url;
if (token.url.startsWith('Qm') || token.url.startsWith('bafyb'))
  tokenUrl = `ipfs://${token.url}`;
// optional
if (token.ticker.toLowerCase() === 'waifu') tokenUrl = 'juungle://';

if (tokenUrl) {
  const data = await getMedia(tokenUrl, {
    token,
    wallet,
    size: iconSize,
  });
  if (data && data.icon) {
    const newIcon =
      data.download === true ? (
        <Image
          src={data.icon}
          style={{ width: iconSize, marginTop: 16 }}
          preview={false}
        />
      ) : (
        <div
          style={{
            display: 'grid',
            gridTemplateColumns: '1fr',
            marginTop: 16,
          }}
        >
          <div dangerouslySetInnerHTML={{ __html: data.icon }}></div>
        </div>
      );
    setIcon(newIcon);
    iconFound = true;
  }
}
if (!iconFound) {
  const data = await getMedia('legacy://', { token });
  if (data && data.icon) {
    const newIcon = (
      <Image
        src={data.icon}
        style={{ width: iconSize, marginTop: 16 }}
        preview={false}
      />
    );
    setIcon(newIcon);
    iconFound = true;
  }
}