Liquidity.Party/web
2
0
Fork 0
Code Issues 18 Pull Requests Packages Projects Releases Wiki Activity

token count example component

Browse Source
This commit is contained in:
tim
2025-10-13 16:12:47 -04:00
parent 99fd63c14d
commit 2303f92bf6
2 changed files with 14 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/liquidity-party.json Normal file
View File

@@ -0,0 +1,6 @@
{
"31337": {
"IPartyPlanner": "0xB35D3C9b9f2Fd72FAAb282E8Dd56da31FAA30E3d",
"IPartyPoolViewer": "0x238213078DbD09f2D15F4c14c02300FA1b2A81BB"
}
}

17
src/components/token-count-display.tsx
View File

@@ -1,11 +1,11 @@
'use client'; 'use client';
import { useEffect, useState } from 'react'; import {useEffect, useState} from 'react';
import { usePublicClient } from 'wagmi'; import {usePublicClient} from 'wagmi';
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import {Card, CardContent, CardHeader, CardTitle} from '@/components/ui/card';
import chainInfo from '@/app/liquidity-party.json';
import IPartyPlannerABI from '@/contracts/IPartyPlannerABI'; import IPartyPlannerABI from '@/contracts/IPartyPlannerABI';
const PARTY_PLANNER_ADDRESS = '0xB35D3C9b9f2Fd72FAAb282E8Dd56da31FAA30E3d' as const;
export function TokenCountDisplay() { export function TokenCountDisplay() {
const publicClient = usePublicClient(); const publicClient = usePublicClient();
@@ -33,8 +33,10 @@ export function TokenCountDisplay() {
setError(null); setError(null);
// In viem 2.x, readContract is a method on the client // In viem 2.x, readContract is a method on the client
const count = await publicClient.readContract({ const chainId = await publicClient.getChainId()
address: PARTY_PLANNER_ADDRESS, const address = chainInfo[chainId.toString()]?.IPartyPlanner;
const count = !address ? BigInt(0) : await publicClient.readContract({
address,
abi: IPartyPlannerABI, abi: IPartyPlannerABI,
functionName: 'tokenCount', // Fully typed from ABI functionName: 'tokenCount', // Fully typed from ABI
}); });
@@ -85,9 +87,6 @@ export function TokenCountDisplay() {
<p className="text-sm text-muted-foreground"> <p className="text-sm text-muted-foreground">
Total tokens in Party Planner Total tokens in Party Planner
</p> </p>
<p className="text-xs text-muted-foreground break-all">
Contract: {PARTY_PLANNER_ADDRESS}
</p>
</div> </div>
)} )}
</CardContent> </CardContent>