fix: what's new modal is disappearing after page load

taskany-inc · Oct 3, 2024 · 47872d1 · 47872d1
1 parent 47106cb
commit 47872d1
Show file tree

Hide file tree

Showing 2 changed files with 133 additions and 7 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/components/WhatsNew/WhatsNew.tsx b/src/components/WhatsNew/WhatsNew.tsx
@@ -16,11 +16,17 @@ const ModalOnEvent = dynamic(() => import('../ModalOnEvent'));
 
 const WhatsNew = () => {
     const locale = useLocale();
+    const utils = trpc.useContext();
     const [iframeReady, setIframeReady] = useState(false);
 
-    const { data } = trpc.whatsnew.check.useQuery({
-        locale,
-    });
+    const { data } = trpc.whatsnew.check.useQuery(
+        {
+            locale,
+        },
+        {
+            staleTime: Infinity,
+        },
+    );
 
     useEffect(() => {
         if (data?.releaseNotesExists && data?.version && !data?.read && !data?.delayed) {
@@ -39,21 +45,21 @@ const WhatsNew = () => {
             await markAsReadMutation.mutateAsync({
                 version: data.version,
             });
-
+            utils.whatsnew.check.invalidate();
             dispatchModalEvent(ModalEvent.WhatsNewModal)();
         }
-    }, [markAsReadMutation, data]);
+    }, [data?.version, markAsReadMutation, utils.whatsnew.check]);
 
     const markAsDelayedMutation = trpc.whatsnew.markAsDelayed.useMutation();
     const onDelayClick = useCallback(async () => {
         if (data?.version) {
             await markAsDelayedMutation.mutateAsync({
                 version: data.version,
             });
-
+            utils.whatsnew.check.invalidate();
             dispatchModalEvent(ModalEvent.WhatsNewModal)();
         }
-    }, [markAsDelayedMutation, data]);
+    }, [data?.version, markAsDelayedMutation, utils.whatsnew.check]);
 
     return (
         <ModalOnEvent event={ModalEvent.WhatsNewModal}>