Refactor getPublicClient calls to remove unnecessary type casting and enable Ethereum Classic support in the configuration.

Author: DengreSarthak

web/src/app/[cat]/InteractionClient.tsx

@@ -225,7 +225,7 @@ export default function InteractionClient() {
       setIsSyncing(true);
       console.log('Fetching token details from blockchain...', { tokenAddress, chainId });
 
-      const publicClient = getPublicClient(config, { chainId: chainId as any });
+      const publicClient = getPublicClient(config, { chainId });
       if (!publicClient) {
         throw new Error(`No public client available for chain ${chainId}`);
       }

web/src/app/my-cats/page.tsx

@@ -187,7 +187,7 @@ export default function MyCATsPage() {
       for (const [chainId, factoryAddress] of Object.entries(ClowderVaultFactories)) {
         if (!isValidChainId(chainId)) continue;
 
-        const publicClient = getPublicClient(config, { chainId: Number(chainId) as any });
+        const publicClient = getPublicClient(config, { chainId });
         if (!publicClient) continue;
 
         try {
@@ -596,7 +596,7 @@ export default function MyCATsPage() {
     chainId: SupportedChainId, 
     defaultRole: 'admin' | 'minter' | 'both'
   ): Promise<CatDetails[]> => {
-    const publicClient = getPublicClient(config, { chainId: chainId as any });
+    const publicClient = getPublicClient(config, { chainId });
     if (!publicClient || !addresses.length) return [];
 
     try {

web/src/components/EthereumClassic.tsx

@@ -1,26 +1,26 @@
-// import { defineChain } from "viem";
+import { defineChain } from "viem";
 
-// export const ethereumClassic = defineChain({
-//   id: 61, 
-//   name: "Ethereum Classic",
-//   network: "ethereumClassic",
-//   nativeCurrency: {
-//     name: "Ethereum Classic",
-//     symbol: "ETC",
-//     decimals: 18,
-//   },
-//   rpcUrls: {
-//     default: {
-//       http: ["https://etc.rivet.link"],
-//     },
-//     public: {
-//       http: ["https://etc.rivet.link"],
-//     },
-//   },
-//   blockExplorers: {
-//     default: {
-//       name: "BlockScout",
-//       url: "https://blockscout.com/etc/mainnet",
-//     },
-//   },
-// });
+export const ethereumClassic = defineChain({
+  id: 61, 
+  name: "Ethereum Classic",
+  network: "ethereumClassic",
+  nativeCurrency: {
+    name: "Ethereum Classic",
+    symbol: "ETC",
+    decimals: 18,
+  },
+  rpcUrls: {
+    default: {
+      http: ["https://etc.rivet.link"],
+    },
+    public: {
+      http: ["https://etc.rivet.link"],
+    },
+  },
+  blockExplorers: {
+    default: {
+      name: "BlockScout",
+      url: "https://blockscout.com/etc/mainnet",
+    },
+  },
+});

web/src/utils/config.tsx

@@ -1,22 +1,22 @@
 import {
-  // polygon,
-  // scrollSepolia,
-  // base,
+  polygon,
+  scrollSepolia,
+  base,
 } from "wagmi/chains";
 import {
   getDefaultConfig,
 } from "@rainbow-me/rainbowkit";
 import { citreaTestnet } from "@/components/CitreaTestnet";
-// import { ethereumClassic } from "@/components/EthereumClassic";
+import { ethereumClassic } from "@/components/EthereumClassic";
 
 export const config = getDefaultConfig({
   appName: "clowder",
   projectId: process.env.NEXT_PUBLIC_PROJECT_ID ?? "",
   chains: [
-    // scrollSepolia,
-    // base,
-    // polygon,
-    // ethereumClassic,
+    scrollSepolia,
+    base,
+    polygon,
+    ethereumClassic,
     citreaTestnet,
   ] as const,
   ssr: true, // Disable SSR for static export