Entegrasyon

wagmi ile

React uygulamalarında wagmi ile Ivy sözleşmelerini okuma.


React kullanıyorsan wagmi ile Ivy sözleşmelerini hook'larla okuyabilirsin.

#Yapılandırma

import {http, createConfig} from "wagmi";
import {defineChain} from "viem";

const kaia = defineChain({
  id: 8217,
  name: "Kaia",
  nativeCurrency: {decimals: 18, name: "Kaia", symbol: "KAIA"},
  rpcUrls: {default: {http: ["https://public-en.node.kaia.io"]}},
});

export const config = createConfig({
  chains: [kaia],
  transports: {[kaia.id]: http()},
});

#Okuma hook'u

import {useReadContract} from "wagmi";

const IVY_REGISTRY = "0x43522E0aB410246C014359B7F5c55F7a196dddFc";

function ProfileBadge({wallet}: {wallet: `0x${string}`}) {
  const {data: ivyId} = useReadContract({
    address: IVY_REGISTRY,
    abi: [{
      type:"function", name:"ivyIdOf", stateMutability:"view",
      inputs:[{name:"wallet", type:"address"}], outputs:[{type:"uint256"}],
    }],
    functionName: "ivyIdOf",
    args: [wallet],
  });

  if (!ivyId || ivyId === 0n) return <span>Ivy hesabı yok</span>;
  return <span>ivyId: {ivyId.toString()}</span>;
}

İşlem göndermek için useWriteContract hook'unu, viem sayfasındaki argümanlarla birlikte kullanabilirsin.

Takıldığın bir yer mi var?

Teknik destek, entegrasyon ve ortaklık için ekibe ulaş: info@ivy.live