chore: update-arbitration-cost-hook

Author: tractorss

web/src/components/ActionButton/Modal/ChallengeItemModal.tsx

@@ -4,7 +4,6 @@ import Header from "./Header";
 import Buttons from "./Buttons";
 import DepositRequired from "./DepositRequired";
 import Info from "./Info";
-import { useArbitrationCost } from "hooks/useArbitrationCostFromKlerosCore";
 import { useAccount, useBalance, usePublicClient } from "wagmi";
 import { wrapWithToast } from "utils/wrapWithToast";
 import { IBaseModal } from ".";
@@ -18,6 +17,7 @@ import {
   useSimulateCurateV2ChallengeRequest,
   useWriteCurateV2ChallengeRequest,
 } from "hooks/useContract";
+import { useReadKlerosCoreArbitrationCost } from "hooks/contracts/generated";
 
 const ReStyledModal = styled(Modal)`
   gap: 32px;
@@ -66,7 +66,12 @@ const ChallengeItemModal: React.FC<IChallengeItemModal> = ({
       address: registryAddress,
     });
 
-  const { arbitrationCost, isLoading: isLoadingArbCost } = useArbitrationCost(arbitratorExtraData);
+  const { data: arbitrationCost, isLoading: isLoadingArbCost } = useReadKlerosCoreArbitrationCost({
+    query: {
+      enabled: !isUndefined(arbitratorExtraData),
+    },
+    args: [arbitratorExtraData!],
+  });
 
   const depositRequired = useMemo(() => {
     if (!arbitrationCost || !submissionChallengeDeposit || !removalChallengeDeposit) return 0n;

web/src/components/ActionButton/Modal/RemoveModal.tsx

@@ -6,7 +6,7 @@ import DepositRequired from "./DepositRequired";
 import Info from "./Info";
 import { IBaseModal } from ".";
 import { useAccount, useBalance, usePublicClient } from "wagmi";
-import { useArbitrationCost } from "hooks/useArbitrationCostFromKlerosCore";
+
 import { wrapWithToast } from "utils/wrapWithToast";
 import EvidenceUpload, { Evidence } from "./EvidenceUpload";
 import Modal from "components/Modal";
@@ -17,6 +17,7 @@ import {
   useSimulateCurateV2RemoveItem,
   useWriteCurateV2RemoveItem,
 } from "hooks/useContract";
+import { useReadKlerosCoreArbitrationCost } from "hooks/contracts/generated";
 
 const ReStyledModal = styled(Modal)`
   gap: 32px;
@@ -47,8 +48,12 @@ const RemoveModal: React.FC<IRemoveModal> = ({ toggleModal, isItem, registryAddr
   const { data: removalDeposit, isLoading: isRemovalDepositLoading } = useReadCurateV2RemovalBaseDeposit({
     address: registryAddress,
   });
-
-  const { arbitrationCost, isLoading: isLoadingArbCost } = useArbitrationCost(arbitratorExtraData);
+  const { data: arbitrationCost, isLoading: isLoadingArbCost } = useReadKlerosCoreArbitrationCost({
+    query: {
+      enabled: !isUndefined(arbitratorExtraData),
+    },
+    args: [arbitratorExtraData!],
+  });
 
   const depositRequired = useMemo(() => {
     if (!arbitrationCost || !removalDeposit) return 0n;

web/src/components/ActionButton/Modal/ResubmitModal.tsx

@@ -6,7 +6,7 @@ import DepositRequired from "./DepositRequired";
 import Info from "./Info";
 import { IBaseModal } from ".";
 import { useAccount, useBalance, usePublicClient } from "wagmi";
-import { useArbitrationCost } from "hooks/useArbitrationCostFromKlerosCore";
+
 import { wrapWithToast } from "utils/wrapWithToast";
 import { useItemDetailsQuery } from "hooks/queries/useItemDetailsQuery";
 import Modal from "components/Modal";
@@ -16,6 +16,8 @@ import {
   useSimulateCurateV2AddItem,
   useWriteCurateV2AddItem,
 } from "hooks/useContract";
+import { useReadKlerosCoreArbitrationCost } from "hooks/contracts/generated";
+import { isUndefined } from "src/utils";
 
 const ReStyledModal = styled(Modal)`
   gap: 32px;
@@ -52,7 +54,12 @@ const ResubmitModal: React.FC<ISubmitModal> = ({ toggleModal, isItem, registryAd
     address: registryAddress,
   });
 
-  const { arbitrationCost, isLoading: isLoadingArbCost } = useArbitrationCost(arbitratorExtraData);
+  const { data: arbitrationCost, isLoading: isLoadingArbCost } = useReadKlerosCoreArbitrationCost({
+    query: {
+      enabled: !isUndefined(arbitratorExtraData),
+    },
+    args: [arbitratorExtraData!],
+  });
 
   const depositRequired = useMemo(() => {
     if (!arbitrationCost || !removalDeposit) return 0n;

web/src/hooks/useArbitrationCostFromKlerosCore.ts

@@ -9,9 +9,10 @@ import Skeleton from "react-loading-skeleton";
 import { useParams } from "react-router-dom";
 import { useSubmitItemContext } from "context/SubmitItemContext";
 import { formatUnitsWei, formatValue } from "utils/format";
-import { useArbitrationCost } from "hooks/useArbitrationCostFromKlerosCore";
+
 import { useReadCurateV2GetArbitratorExtraData, useReadCurateV2SubmissionBaseDeposit } from "hooks/useContract";
 import { isUndefined } from "src/utils";
+import { useReadKlerosCoreArbitrationCost } from "hooks/contracts/generated";
 
 const Container = styled.div`
   display: flex;
@@ -97,7 +98,12 @@ const Header: React.FC<IHeader> = ({}) => {
     address: listAddress as `0x${string}`,
   });
 
-  const { arbitrationCost } = useArbitrationCost(arbitratorExtraData);
+  const { data: arbitrationCost } = useReadKlerosCoreArbitrationCost({
+    query: {
+      enabled: !isUndefined(arbitratorExtraData),
+    },
+    args: [arbitratorExtraData!],
+  });
 
   useEffect(() => {
     if (isUndefined(deposit) || isUndefined(arbitrationCost)) return;

web/src/pages/SubmitItem/Header/index.tsx

@@ -9,10 +9,11 @@ import Skeleton from "react-loading-skeleton";
 import ETH from "svgs/icons/eth-round.svg";
 import LightButton from "components/LightButton";
 import { useSubmitListContext } from "context/SubmitListContext";
-import { useArbitrationCost } from "hooks/useArbitrationCostFromKlerosCore";
+
 import { prepareArbitratorExtradata } from "utils/prepareArbitratorExtradata";
 import { formatEther, isAddress } from "viem";
 import { KLEROS_ARBITRATOR, KLEROS_GOVERNOR } from "consts/arbitration";
+import { useReadKlerosCoreArbitrationCost } from "hooks/contracts/generated";
 
 const Container = styled.div`
   display: flex;
@@ -79,9 +80,9 @@ const AbritrationParameters: React.FC = () => {
     [listData.governor]
   );
 
-  const { arbitrationCost } = useArbitrationCost(
-    prepareArbitratorExtradata(listData.courtId ?? "1", listData.numberOfJurors)
-  );
+  const { data: arbitrationCost } = useReadKlerosCoreArbitrationCost({
+    args: [prepareArbitratorExtradata(listData.courtId ?? "1", listData.numberOfJurors)],
+  });
 
   useEffect(
     () => setListData({ ...listData, arbitrationCost: formatEther((arbitrationCost as bigint) ?? "") }),

web/src/pages/SubmitList/AdvancedParameters/ArbitrationParameters.tsx

@@ -8,7 +8,6 @@ import styled from "styled-components";
 import CheckCircle from "svgs/icons/check-circle-outline.svg";
 import ClosedCircleIcon from "components/StyledIcons/ClosedCircleIcon";
 import { ListProgress, useSubmitListContext } from "context/SubmitListContext";
-import { useArbitrationCost } from "hooks/useArbitrationCostFromKlerosCore";
 import { isUndefined } from "utils/index";
 import { wrapWithToast } from "utils/wrapWithToast";
 import { formatUnitsWei } from "utils/format";
@@ -26,7 +25,12 @@ import {
   useReadCurateV2SubmissionBaseDeposit,
   useWriteCurateV2AddItem,
 } from "hooks/useContract";
-import { curateV2Abi, useSimulateCurateFactoryDeploy, useWriteCurateFactoryDeploy } from "hooks/contracts/generated";
+import {
+  curateV2Abi,
+  useReadKlerosCoreArbitrationCost,
+  useSimulateCurateFactoryDeploy,
+  useWriteCurateFactoryDeploy,
+} from "hooks/contracts/generated";
 import { ErrorButtonMessage } from "components/ActionButton/Modal/Buttons/ErrorButtonMessage";
 
 const StyledCheckCircle = styled(CheckCircle)`
@@ -61,7 +65,13 @@ const SubmitListButton: React.FC = () => {
   const { data: submissionBaseDeposit } = useReadCurateV2SubmissionBaseDeposit({
     address: MAIN_CURATE_ADDRESS as `0x${string}`,
   });
-  const { arbitrationCost, isLoading: isLoadingArbCost } = useArbitrationCost(arbitratorExtraData);
+
+  const { data: arbitrationCost, isLoading: isLoadingArbCost } = useReadKlerosCoreArbitrationCost({
+    query: {
+      enabled: !isUndefined(arbitratorExtraData),
+    },
+    args: [arbitratorExtraData!],
+  });
 
   const totalCostToSubmit = useMemo(() => {
     if (isUndefined(arbitrationCost) || isUndefined(submissionBaseDeposit)) return;