Refetch using manual visibility change

dappforce · Jul 9, 2024 · 972b7e3 · 972b7e3
1 parent 53eb6d3
commit 972b7e3
Showing 1 changed file with 15 additions and 5 deletions.
diff --git a/src/modules/chat/HomePage/ChatContent.tsx b/src/modules/chat/HomePage/ChatContent.tsx
@@ -273,11 +273,21 @@ function PostMemeButton({
 
   const myAddress = useMyMainAddress() ?? ''
   const { data, isLoading } = getBalanceQuery.useQuery(myAddress)
-  const { data: timeLeftFromApi, isLoading: loadingTimeLeft } =
-    getTimeLeftUntilCanPostQuery.useQuery(myAddress, {
-      refetchOnWindowFocus: true,
-      staleTime: 0,
-    })
+
+  const {
+    data: timeLeftFromApi,
+    isLoading: loadingTimeLeft,
+    refetch,
+  } = getTimeLeftUntilCanPostQuery.useQuery(myAddress)
+  useEffect(() => {
+    const listener = () => {
+      if (document.visibilityState === 'visible') refetch()
+    }
+    document.addEventListener('visibilitychange', listener, false)
+    return () => {
+      document.removeEventListener('visibilitychange', listener)
+    }
+  }, [refetch])
 
   const { threshold, isLoading: loadingThreshold } =
     usePostMemeThreshold(chatId)