CHALLENGE

Challenge is a community driven DeFi-project by the people and for the people, the decisions and actions of CLG (governance token) are made by its community through voting to assure equity and fairne…

www.challengeclg.com

CHAIN

Ethereum

CHAIN ID

eip155:1

ICON COLOR

#880e52

SYMBOL

CLG

DECIMALS

16x16

32x32

48x48

64x64

16x16

32x32

48x48

64x64

IDENTIFIER

/eip155/1/0x839961692c56270b73538f9906f8736fc1da4fa6

README

npm add xmatter

app/eip155/1/0x839961692c56270b73538f9906f8736fc1da4fa6/page.tsx

import { XmatterClient } from "xmatter/client";
import { XmatterIcon } from "xmatter/next/server";

const xmatter = new XmatterClient("eip155");

export default async function Page() {
  const chainId = "1";
  const address = "0x839961692c56270b73538f9906f8736fc1da4fa6";
  const frontmatter = await xmatter.getFrontmatter(chainId, address);

  return (
    <div>
      <XmatterIcon
        client={xmatter}
        chainId={chainId}
        address={address}
        width={64} height={64}
        alt={`${frontmatter.name} Icon`}
        fallback={<div className="size-[64px] rounded-full bg-[#aaa]" />}
      />
      <h1>{frontmatter.name}</h1>
      <p>{frontmatter.symbol}: {frontmatter.decimals} decimals</p>
    </div>
  );
}

next.config.ts

import { RemotePattern } from "xmatter/next";

const nextConfig = {
  images: {
    remotePatterns: [RemotePattern],
  },
};