fix(web): refetch draw query after commiting a vote

Author: alcercu

web/src/pages/Cases/CaseDetails/Voting/Classic/Commit.tsx

@@ -20,9 +20,10 @@ interface ICommit {
   arbitrable: `0x${string}`;
   voteIDs: string[];
   setIsOpen: (val: boolean) => void;
+  refetch: () => void;
 }
 
-const Commit: React.FC<ICommit> = ({ arbitrable, voteIDs, setIsOpen }) => {
+const Commit: React.FC<ICommit> = ({ arbitrable, voteIDs, setIsOpen, refetch }) => {
   const { id } = useParams();
   const parsedDisputeID = useMemo(() => BigInt(id ?? 0), [id]);
   const parsedVoteIDs = useMemo(() => voteIDs.map((voteID) => BigInt(voteID)), [voteIDs]);
@@ -61,6 +62,7 @@ const Commit: React.FC<ICommit> = ({ arbitrable, voteIDs, setIsOpen }) => {
           setIsOpen(result);
         });
       }
+      refetch();
     },
     [
       saltKey,
@@ -72,6 +74,7 @@ const Commit: React.FC<ICommit> = ({ arbitrable, voteIDs, setIsOpen }) => {
       walletClient,
       generateSigningAccount,
       signingAccount,
+      refetch,
     ]
   );
 

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

@@ -16,15 +16,15 @@ const Classic: React.FC<IClassic> = ({ arbitrable, setIsOpen }) => {
   const { id } = useParams();
   const { address } = useAccount();
   const { data: disputeData } = useDisputeDetailsQuery(id);
-  const { data: drawData } = useDrawQuery(address?.toLowerCase(), id, disputeData?.dispute?.currentRound.id);
+  const { data: drawData, refetch } = useDrawQuery(address?.toLowerCase(), id, disputeData?.dispute?.currentRound.id);
   const isHiddenVotes = useMemo(() => disputeData?.dispute?.court.hiddenVotes, [disputeData]);
   const isCommitPeriod = useMemo(() => disputeData?.dispute?.period === "commit", [disputeData]);
   const commited = useMemo(() => drawData?.draws[0].vote?.commited, [drawData]);
   const commit = useMemo(() => drawData?.draws[0].vote?.commit, [drawData]);
   const voteIDs = useMemo(() => drawData?.draws?.map((draw) => draw.voteIDNum) as string[], [drawData]);
   return id && isHiddenVotes ? (
     isCommitPeriod && !commited ? (
-      <Commit {...{ arbitrable, setIsOpen, voteIDs }} />
+      <Commit {...{ arbitrable, setIsOpen, voteIDs, refetch }} />
     ) : (
       <Reveal {...{ arbitrable, setIsOpen, voteIDs, commit, isRevealPeriod: !isCommitPeriod }} />
     )