feat(web): migrate queries to wagmi

Author: alcercu

web/src/hooks/queries/useAppealCost.ts

@@ -1,14 +1,13 @@
 import useSWRImmutable from "swr/immutable";
-import { BigNumber } from "ethers";
-import { useKlerosCore } from "hooks/contracts/generated";
+import { getKlerosCore } from "hooks/contracts/generated";
 
 export const useAppealCost = (disputeID?: string) => {
-  const klerosCore = useKlerosCore();
+  const klerosCore = getKlerosCore({});
   return useSWRImmutable(
     () => (klerosCore && disputeID ? `AppealCost${disputeID}` : false),
     async () => {
       if (!klerosCore || typeof disputeID === "undefined") return;
-      return await klerosCore.appealCost(BigNumber.from(disputeID));
+      return await klerosCore.read.appealCost([BigInt(disputeID)]);
     }
   );
 };

web/src/hooks/queries/usePNKAllowance.ts

@@ -21,16 +21,16 @@
 // };
 
 import useSWR from "swr";
-import { usePnk, useKlerosCore } from "hooks/contracts/generated";
+import { getPnk, getKlerosCore } from "hooks/contracts/generated";
 
 export const usePNKAllowance = (user?: `0x${string}` | null) => {
-  const pnkContract = usePnk();
-  const klerosCore = useKlerosCore();
+  const pnkContract = getPnk({});
+  const klerosCore = getKlerosCore({});
   return useSWR(
     () => (pnkContract && user ? `PNKAllowance${user}` : false),
     async () => {
       if (pnkContract && user && klerosCore) {
-        return await pnkContract.allowance(user, klerosCore.address);
+        return await pnkContract.read.allowance([user, klerosCore.address]);
       } else {
         return undefined;
       }