Merge pull request #899 from kleros/migrate-hooks-to-viem

refactor: migrate hooks to viem/wagmi

Author: alcercu

web/src/context/Web3Provider.tsx

@@ -1,17 +1,15 @@
 import React from "react";
-import {
-  EthereumClient,
-  w3mConnectors,
-  w3mProvider,
-} from "@web3modal/ethereum";
+import { EthereumClient, w3mConnectors } from "@web3modal/ethereum";
+import { alchemyProvider } from "@wagmi/core/providers/alchemy";
 import { Web3Modal } from "@web3modal/react";
 import { configureChains, createConfig, WagmiConfig } from "wagmi";
 import { arbitrumGoerli, gnosisChiado } from "wagmi/chains";
+import { publicProvider } from "wagmi/providers/public";
 
 const chains = [arbitrumGoerli, gnosisChiado];
 const projectId = "6efaa26765fa742153baf9281e218217";
 
-const { publicClient } = configureChains(chains, [w3mProvider({ projectId })]);
+const { publicClient } = configureChains(chains, [alchemyProvider({ apiKey: "" }), publicProvider()]);
 
 const wagmiConfig = createConfig({
   autoConnect: false,
@@ -21,9 +19,7 @@ const wagmiConfig = createConfig({
 
 const ethereumClient = new EthereumClient(wagmiConfig, chains);
 
-const Web3Provider: React.FC<{ children: React.ReactNode }> = ({
-  children,
-}) => (
+const Web3Provider: React.FC<{ children: React.ReactNode }> = ({ children }) => (
   <>
     <WagmiConfig config={wagmiConfig}> {children} </WagmiConfig>
     <Web3Modal {...{ projectId, ethereumClient }} />

web/src/hooks/queries/useEvidenceGroup.ts

@@ -1,31 +1,30 @@
 import useSWRImmutable from "swr/immutable";
-// import { utils } from "ethers";
-import { BigNumber } from "ethers";
-import { useIMetaEvidence } from "hooks/contracts/generated";
+import { getIMetaEvidence } from "hooks/contracts/generated";
+import { usePublicClient } from "wagmi";
 
-export const useEvidenceGroup = (
-  disputeID?: string,
-  arbitrableAddress?: string
-) => {
+export const useEvidenceGroup = (disputeID?: string, arbitrableAddress?: string) => {
   // const formattedAddress = arbitrableAddress
   //   ? utils.getAddress(arbitrableAddress)
   //   : undefined;
-  const arbitrable = useIMetaEvidence({
+  const publicClient = usePublicClient();
+
+  const arbitrable = getIMetaEvidence({
     address: "0xc0fcc96BFd78e36550FCaB434A9EE1210B57225b",
   });
+
   return useSWRImmutable(
-    () =>
-      arbitrable ? `EvidenceGroup${disputeID}${arbitrableAddress}` : false,
+    () => (arbitrable ? `EvidenceGroup${disputeID}${arbitrableAddress}` : false),
     async () => {
       if (arbitrable) {
-        const disputeFilter = arbitrable.filters.Dispute(
-          null,
-          BigNumber.from(parseInt(disputeID!) + 1),
-          null,
-          null
-        );
-        const disputeEvents = await arbitrable.queryFilter(disputeFilter);
-        return disputeEvents[0].args?._evidenceGroupID.toString();
+        const disputeFilter = await arbitrable.createEventFilter.Dispute({
+          _disputeID: BigInt(parseInt(disputeID!) + 1),
+        });
+
+        const disputeEvents = await publicClient.getFilterLogs({
+          filter: disputeFilter,
+        });
+
+        return disputeEvents[0];
       } else throw Error;
     }
   );

web/src/hooks/queries/usePNKBalance.ts

@@ -1,13 +1,14 @@
 import useSWR from "swr";
-import { usePnk } from "hooks/contracts/generated";
+import { getPnk } from "hooks/contracts/generated";
 
 export const usePNKBalance = (user?: `0x${string}` | null) => {
-  const pnkContract = usePnk();
+  const pnkContract = getPnk({});
+
   return useSWR(
     () => (pnkContract && user ? `PNKBalance${user}` : false),
     async () => {
       if (pnkContract && user) {
-        const balance = await pnkContract.balanceOf(user);
+        const balance = await pnkContract.read.balanceOf([user]);
         return balance;
       } else {
         return undefined;