Merge branch 'refactor(web)/migrate-to-wagmi' of github.com:kleros/kleros-v2 into refactor(web)/migrate-to-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/useDisputeKitClassicMultipliers.ts

@@ -1,16 +1,15 @@
 import useSWRImmutable from "swr/immutable";
-import { BigNumber } from "ethers";
-import { useDisputeKitClassic } from "hooks/contracts/generated";
+import { getDisputeKitClassic } from "hooks/contracts/generated";
 
 export const useDisputeKitClassicMultipliers = () => {
-  const disputeKitClassic = useDisputeKitClassic();
+  const disputeKitClassic = getDisputeKitClassic({});
   return useSWRImmutable(
     () => (disputeKitClassic ? `Multipliers` : false),
     async () => {
       if (!disputeKitClassic) return;
-      const winner_stake_multiplier = await disputeKitClassic.WINNER_STAKE_MULTIPLIER();
-      const loser_stake_multiplier = await disputeKitClassic.LOSER_STAKE_MULTIPLIER();
-      const loser_appeal_period_multiplier = await disputeKitClassic.LOSER_APPEAL_PERIOD_MULTIPLIER();
+      const winner_stake_multiplier = await disputeKitClassic.read.WINNER_STAKE_MULTIPLIER();
+      const loser_stake_multiplier = await disputeKitClassic.read.LOSER_STAKE_MULTIPLIER();
+      const loser_appeal_period_multiplier = await disputeKitClassic.read.LOSER_APPEAL_PERIOD_MULTIPLIER();
       return {
         winner_stake_multiplier,
         loser_stake_multiplier,
@@ -21,7 +20,7 @@ export const useDisputeKitClassicMultipliers = () => {
 };
 
 export interface IDisputeKitClassicMultipliers {
-  winner_stake_multiplier: BigNumber;
-  loser_stake_multiplier: BigNumber;
-  loser_appeal_period_multiplier: BigNumber;
+  winner_stake_multiplier: bigint;
+  loser_stake_multiplier: bigint;
+  loser_appeal_period_multiplier: bigint;
 }

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/useJurorBalance.ts

@@ -1,14 +1,13 @@
 import useSWR from "swr";
-import { BigNumber } from "ethers";
-import { useKlerosCore } from "hooks/contracts/generated";
+import { getKlerosCore } from "hooks/contracts/generated";
 
 export const useJurorBalance = (user?: `0x${string}` | null, courtId?: string | undefined) => {
-  const klerosCore = useKlerosCore();
+  const klerosCore = getKlerosCore({});
   return useSWR(
     () => (klerosCore && user && courtId ? `JurorBalance${user}${courtId}` : false),
     async () => {
       if (klerosCore && user && courtId) {
-        return await klerosCore.getJurorBalance(user, BigNumber.from(courtId));
+        return await klerosCore.read.getJurorBalance([user, BigInt(courtId)]);
       } else {
         return undefined;
       }

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;

web/src/hooks/queries/usePolicyRegistryEvent.ts

@@ -1,21 +1,22 @@
 import useSWRImmutable from "swr/immutable";
-import { BigNumber } from "ethers";
-import { usePolicyRegistry } from "hooks/contracts/generated";
+import { usePublicClient } from "wagmi";
+import { getPolicyRegistry } from "hooks/contracts/generated";
 
 export const usePolicyRegistryEvent = (courtID?: string | number) => {
-  const policyRegistry = usePolicyRegistry();
+  const policyRegistry = getPolicyRegistry({});
+  const publicClient = usePublicClient();
+
   return useSWRImmutable(
     () => (policyRegistry && courtID ? `PolicyRegistry${courtID}` : false),
     async () => {
-      if (policyRegistry) {
-        const policyFilter = policyRegistry.filters.PolicyUpdate(
-          BigNumber.from(courtID),
-          null,
-          null
-        );
-        return policyRegistry
-          .queryFilter(policyFilter)
-          .then((events) => events[0]);
+      if (policyRegistry && courtID) {
+        const policyFilter = await policyRegistry.createEventFilter.PolicyUpdate({
+          _courtID: BigInt(courtID),
+        });
+        const policyUpdateEvents = await publicClient.getFilterLogs({
+          filter: policyFilter,
+        });
+        return policyUpdateEvents[0];
       } else throw Error;
     }
   );