chore(web): update voteID subgraph variable name to voteIDNum

Author: alcercu

web/src/hooks/queries/useDrawQuery.ts

@@ -7,14 +7,14 @@ export type { DrawQuery };
 const drawQuery = graphql(`
   query Draw($address: String, $disputeID: String, $roundID: String) {
     draws(where: { dispute: $disputeID, juror: $address, round: $roundID }) {
-      voteID
+      voteIDNum
     }
   }
 `);
 
 export const useDrawQuery = (address?: string | null, disputeID?: string, roundID?: string) => {
   const isEnabled = !!(address && disputeID && roundID);
-  return useQuery({
+  return useQuery<DrawQuery>({
     queryKey: [`drawQuery${[address, disputeID, roundID]}`],
     enabled: isEnabled,
     queryFn: async () => await graphqlQueryFnHelper(drawQuery, { address, disputeID, roundID }),

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

@@ -48,7 +48,7 @@ const Voting: React.FC<IVoting> = ({ arbitrable, currentPeriodIndex }) => {
   const { data: appealCost } = useAppealCost(id);
   const { data: drawData } = useDrawQuery(address?.toLowerCase(), id, disputeData?.dispute?.currentRound.id);
   const roundId = disputeData?.dispute?.currentRoundIndex;
-  const voteId = drawData?.draws?.[0]?.voteID;
+  const voteId = drawData?.draws?.[0]?.voteIDNum;
   const { data: voted } = useDisputeKitClassicIsVoteActive({
     enabled: !isUndefined(roundId) && !isUndefined(voteId),
     args: [BigInt(id ?? 0), roundId, voteId],
@@ -101,7 +101,11 @@ const Voting: React.FC<IVoting> = ({ arbitrable, currentPeriodIndex }) => {
       !voted ? (
         <>
           <VotingHistory {...{ arbitrable }} isQuestion={false} />
-          <Classic {...{ arbitrable }} setIsOpen={setIsPopupOpen} voteIDs={drawData.draws.map((draw) => draw.voteID)} />
+          <Classic
+            {...{ arbitrable }}
+            setIsOpen={setIsPopupOpen}
+            voteIDs={drawData.draws.map((draw) => draw.voteIDNum)}
+          />
         </>
       ) : (
         <VotingHistory {...{ arbitrable }} isQuestion={true} />