fix(ui): Automatically refresh the updater state

Hypfer · Dec 5, 2021 · 596dc06 · 596dc06
1 parent f019064
commit 596dc06
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 17 deletions.
diff --git a/frontend/src/api/hooks.ts b/frontend/src/api/hooks.ts
@@ -1007,7 +1007,10 @@ export const useCombinedVirtualRestrictionsMutation = (
 };
 
 export const useUpdaterStateQuery = () => {
-    return useQuery(CacheKey.UpdaterState, fetchUpdaterState);
+    return useQuery(CacheKey.UpdaterState, fetchUpdaterState, {
+        staleTime: 5_000,
+        refetchInterval: 5_000
+    });
 };
 
 export const useUpdaterCommandMutation = () => {

diff --git a/frontend/src/settings/Updater.tsx b/frontend/src/settings/Updater.tsx
@@ -237,11 +237,6 @@ const StartUpdateControls: FunctionComponent = () => {
     const [dialogOpen, setDialogOpen] = React.useState(false);
     const {mutate: sendCommand, isLoading: commandExecuting} = useUpdaterCommandMutation();
 
-    const {
-        refetch: refetchUpdaterState,
-    } = useUpdaterStateQuery();
-
-
     return (
         <>
             <LoadingButton loading={commandExecuting} variant="outlined" onClick={() => {
@@ -253,9 +248,6 @@ const StartUpdateControls: FunctionComponent = () => {
                     setDialogOpen(false);
                 }} onAccept={() => {
                     sendCommand("check");
-                    setTimeout(() => {
-                        refetchUpdaterState().then();
-                    }, 2000); //TODO: this could be better
                 }}/>
         </>
     );
@@ -265,11 +257,6 @@ const DownloadUpdateControls: FunctionComponent = () => {
     const [dialogOpen, setDialogOpen] = React.useState(false);
     const {mutate: sendCommand, isLoading: commandExecuting} = useUpdaterCommandMutation();
 
-    const {
-        refetch: refetchUpdaterState,
-    } = useUpdaterStateQuery();
-
-
     return (
         <>
             <LoadingButton loading={commandExecuting} variant="outlined" onClick={() => {
@@ -281,9 +268,6 @@ const DownloadUpdateControls: FunctionComponent = () => {
                     setDialogOpen(false);
                 }} onAccept={() => {
                     sendCommand("download");
-                    setTimeout(() => {
-                        refetchUpdaterState().then();
-                    }, 100); //TODO: this could be better
                 }}/>
         </>
     );