Merge pull request #1644 from kleros/fix(web)/add-refetch-interval-to-hooks

fFix(web): add refetch interval to hooks

Author: alcercu

web/src/hooks/queries/useClassicAppealQuery.ts

@@ -1,5 +1,6 @@
 import { useQuery } from "@tanstack/react-query";
 
+import { REFETCH_INTERVAL } from "consts/index";
 import { useGraphqlBatcher } from "context/GraphqlBatcher";
 
 import { graphql } from "src/graphql";
@@ -38,8 +39,9 @@ export const useClassicAppealQuery = (id?: string | number) => {
   const { graphqlBatcher } = useGraphqlBatcher();
 
   return useQuery<ClassicAppealQuery>({
-    queryKey: ["refetchOnBlock", `classicAppealQuery${id}`],
+    queryKey: [`classicAppealQuery${id}`],
     enabled: isEnabled,
+    refetchInterval: REFETCH_INTERVAL,
     queryFn: async () =>
       isEnabled
         ? await graphqlBatcher.fetch({

web/src/hooks/queries/useCourtDetails.ts

@@ -1,5 +1,6 @@
 import { useQuery } from "@tanstack/react-query";
 
+import { REFETCH_INTERVAL } from "consts/index";
 import { useGraphqlBatcher } from "context/GraphqlBatcher";
 
 import { graphql } from "src/graphql";
@@ -29,8 +30,9 @@ export const useCourtDetails = (id?: string) => {
   const { graphqlBatcher } = useGraphqlBatcher();
 
   return useQuery<CourtDetailsQuery>({
-    queryKey: ["refetchOnBlock", `courtDetails${id}`],
+    queryKey: [`courtDetails${id}`],
     enabled: isEnabled,
+    refetchInterval: REFETCH_INTERVAL,
     queryFn: async () =>
       await graphqlBatcher.fetch({ id: crypto.randomUUID(), document: courtDetailsQuery, variables: { id } }),
   });

web/src/hooks/queries/useDisputeDetailsQuery.ts

@@ -1,5 +1,6 @@
 import { useQuery } from "@tanstack/react-query";
 
+import { REFETCH_INTERVAL } from "consts/index";
 import { useGraphqlBatcher } from "context/GraphqlBatcher";
 
 import { graphql } from "src/graphql";
@@ -37,8 +38,9 @@ export const useDisputeDetailsQuery = (id?: string | number) => {
   const { graphqlBatcher } = useGraphqlBatcher();
 
   return useQuery<DisputeDetailsQuery>({
-    queryKey: ["refetchOnBlock", `disputeDetailsQuery${id}`],
+    queryKey: [`disputeDetailsQuery${id}`],
     enabled: isEnabled,
+    refetchInterval: REFETCH_INTERVAL,
     queryFn: async () =>
       await graphqlBatcher.fetch({
         id: crypto.randomUUID(),

web/src/hooks/queries/useEvidences.ts

@@ -1,5 +1,6 @@
 import { useQuery } from "@tanstack/react-query";
 
+import { REFETCH_INTERVAL } from "consts/index";
 import { useGraphqlBatcher } from "context/GraphqlBatcher";
 
 import { graphql } from "src/graphql";
@@ -24,8 +25,9 @@ export const useEvidences = (evidenceGroup?: string) => {
   const { graphqlBatcher } = useGraphqlBatcher();
 
   return useQuery({
-    queryKey: ["refetchOnBlock", `evidencesQuery${evidenceGroup}`],
+    queryKey: [`evidencesQuery${evidenceGroup}`],
     enabled: isEnabled,
+    refetchInterval: REFETCH_INTERVAL,
     queryFn: async () =>
       await graphqlBatcher.fetch({
         id: crypto.randomUUID(),

web/src/hooks/queries/useJurorStakeDetailsQuery.ts

@@ -1,5 +1,6 @@
 import { useQuery } from "@tanstack/react-query";
 
+import { REFETCH_INTERVAL } from "consts/index";
 import { useGraphqlBatcher } from "context/GraphqlBatcher";
 
 import { graphql } from "src/graphql";
@@ -24,8 +25,9 @@ export const useJurorStakeDetailsQuery = (userId?: string) => {
   const { graphqlBatcher } = useGraphqlBatcher();
 
   return useQuery<JurorStakeDetailsQuery>({
-    queryKey: ["refetchOnBlock", `jurorStakeDetails${userId}`],
+    queryKey: [`jurorStakeDetails${userId}`],
     enabled: isEnabled,
+    refetchInterval: REFETCH_INTERVAL,
     queryFn: async () =>
       await graphqlBatcher.fetch({ id: crypto.randomUUID(), document: jurorStakeDetailsQuery, variables: { userId } }),
   });

web/src/hooks/queries/useVotingHistory.ts

@@ -1,5 +1,6 @@
 import { useQuery } from "@tanstack/react-query";
 
+import { REFETCH_INTERVAL } from "consts/index";
 import { useGraphqlBatcher } from "context/GraphqlBatcher";
 
 import { graphql } from "src/graphql";
@@ -49,8 +50,9 @@ export const useVotingHistory = (disputeID?: string) => {
   const { graphqlBatcher } = useGraphqlBatcher();
 
   return useQuery<VotingHistoryQuery>({
-    queryKey: ["refetchOnBlock", `VotingHistory${disputeID}`],
+    queryKey: [`VotingHistory${disputeID}`],
     enabled: isEnabled,
+    refetchInterval: REFETCH_INTERVAL,
     queryFn: async () =>
       await graphqlBatcher.fetch({ id: crypto.randomUUID(), document: votingHistoryQuery, variables: { disputeID } }),
   });