fix(web): reveal-shutter-gated

Author: tractorss

web/src/pages/Cases/CaseDetails/Voting/Shutter/Reveal.tsx

@@ -7,7 +7,10 @@ import { useWalletClient, usePublicClient } from "wagmi";
 
 import { Button } from "@kleros/ui-components-library";
 
-import { useSimulateDisputeKitShutterCastVoteShutter } from "hooks/contracts/generated";
+import {
+  useSimulateDisputeKitGatedShutterCastVoteShutter,
+  useSimulateDisputeKitShutterCastVoteShutter,
+} from "hooks/contracts/generated";
 import { isUndefined } from "utils/index";
 import { wrapWithToast } from "utils/wrapWithToast";
 
@@ -22,9 +25,10 @@ const Container = styled.div`
 interface IReveal {
   voteIDs: string[];
   setIsOpen: (val: boolean) => void;
+  isGated: boolean;
 }
 
-const Reveal: React.FC<IReveal> = ({ voteIDs, setIsOpen }) => {
+const Reveal: React.FC<IReveal> = ({ voteIDs, setIsOpen, isGated }) => {
   const { id } = useParams();
   const parsedDisputeID = useMemo(() => BigInt(id ?? 0), [id]);
   const parsedVoteIDs = useMemo(() => voteIDs.map((voteID) => BigInt(voteID)), [voteIDs]);
@@ -52,12 +56,12 @@ const Reveal: React.FC<IReveal> = ({ voteIDs, setIsOpen }) => {
   }, [storedData]);
 
   const {
-    data: simulateData,
-    isLoading: isSimulating,
-    error: simulateError,
+    data: simulateDefaultData,
+    isLoading: isSimulatingDefault,
+    error: simulateDefaultError,
   } = useSimulateDisputeKitShutterCastVoteShutter({
     query: {
-      enabled: !isUndefined(parsedStoredData),
+      enabled: !isUndefined(parsedStoredData) && !isGated,
     },
     args: [
       parsedDisputeID,
@@ -68,6 +72,27 @@ const Reveal: React.FC<IReveal> = ({ voteIDs, setIsOpen }) => {
     ],
   });
 
+  const {
+    data: simulateGatedData,
+    isLoading: isSimulatingGated,
+    error: simulateGatedError,
+  } = useSimulateDisputeKitGatedShutterCastVoteShutter({
+    query: {
+      enabled: !isUndefined(parsedStoredData) && isGated,
+    },
+    args: [
+      parsedDisputeID,
+      parsedVoteIDs,
+      BigInt(parsedStoredData?.choice ?? 0),
+      BigInt(parsedStoredData?.salt ?? 0),
+      parsedStoredData?.justification ?? "",
+    ],
+  });
+
+  const isSimulating = isGated ? isSimulatingGated : isSimulatingDefault;
+  const simulateData = isGated ? simulateGatedData : simulateDefaultData;
+  const simulateError = isGated ? simulateGatedError : simulateDefaultError;
+
   const handleReveal = useCallback(async () => {
     if (isUndefined(parsedStoredData) || isUndefined(simulateData)) {
       console.error("No committed vote found or simulation not ready.");

web/src/pages/Cases/CaseDetails/Voting/Shutter/index.tsx

@@ -29,7 +29,7 @@ const Shutter: React.FC<IShutter> = ({ arbitrable, setIsOpen, dispute, currentPe
   return id && isCommitPeriod && !commited ? (
     <ShutterCommit {...{ arbitrable, setIsOpen, voteIDs, refetch, dispute, currentPeriodIndex, isGated }} />
   ) : id && isVotingPeriod ? (
-    <Reveal {...{ setIsOpen, voteIDs }} />
+    <Reveal {...{ setIsOpen, voteIDs, isGated }} />
   ) : null;
 };