optimize restart using alova lib

interface/src/framework/system/RestartMonitor.tsx

@@ -1,5 +1,5 @@
-import { useRequest } from 'alova';
-import { useRef, useState, useEffect } from 'react';
+import { useRetriableRequest } from '@alova/scene-react';
+import { useState } from 'react';
 import type { FC } from 'react';
 
 import * as SystemApi from 'api/system';
@@ -7,39 +7,26 @@ import { FormLoader } from 'components';
 
 import { useI18nContext } from 'i18n/i18n-react';
 
-const RESTART_TIMEOUT = 2 * 60 * 1000;
-const POLL_INTERVAL = 5000;
-
 const RestartMonitor: FC = () => {
   const [failed, setFailed] = useState<boolean>(false);
-  const [timeoutId, setTimeoutId] = useState<NodeJS.Timeout>();
 
   const { LL } = useI18nContext();
 
-  const { send: readSystemStatus } = useRequest(SystemApi.readSystemStatus(), {
-    force: true,
-    immediate: false
-  });
-
-  const timeoutAt = useRef(new Date().getTime() + RESTART_TIMEOUT);
-  const poll = useRef(async () => {
-    try {
-      await readSystemStatus();
-      document.location.href = '/fileUpdated';
-    } catch (error) {
-      if (new Date().getTime() < timeoutAt.current) {
-        setTimeoutId(setTimeout(poll.current, POLL_INTERVAL));
-      } else {
-        setFailed(true);
-      }
+  // eslint-disable-next-line @typescript-eslint/unbound-method
+  const { onFail, onSuccess } = useRetriableRequest(SystemApi.readSystemStatus(), {
+    retry: 10,
+    backoff: {
+      delay: 1500
     }
   });
 
-  useEffect(() => {
-    void poll.current();
-  }, []);
+  onFail(() => {
+    setFailed(true);
+  });
 
-  useEffect(() => () => timeoutId && clearTimeout(timeoutId), [timeoutId]);
+  onSuccess(() => {
+    document.location.href = '/fileUpdated';
+  });
 
   return <FormLoader message={LL.APPLICATION_RESTARTING() + '...'} errorMessage={failed ? 'Timed out' : undefined} />;
 };