replace Refresh with Alova useAutoRequest()

interface/src/app/status/Status.tsx

@@ -10,7 +10,6 @@ import DirectionsBusIcon from '@mui/icons-material/DirectionsBus';
 import LogoDevIcon from '@mui/icons-material/LogoDev';
 import MemoryIcon from '@mui/icons-material/Memory';
 import PowerSettingsNewIcon from '@mui/icons-material/PowerSettingsNew';
-import RefreshIcon from '@mui/icons-material/Refresh';
 import RouterIcon from '@mui/icons-material/Router';
 import SettingsInputAntennaIcon from '@mui/icons-material/SettingsInputAntenna';
 import TimerIcon from '@mui/icons-material/Timer';
@@ -18,7 +17,6 @@ import UpgradeIcon from '@mui/icons-material/Upgrade';
 import WifiIcon from '@mui/icons-material/Wifi';
 import {
   Avatar,
-  Box,
   Button,
   Dialog,
   DialogActions,
@@ -34,7 +32,7 @@ import {
 import * as SystemApi from 'api/system';
 
 import { dialogStyle } from 'CustomTheme';
-import { useRequest } from 'alova/client';
+import { useAutoRequest, useRequest } from 'alova/client';
 import { busConnectionStatus } from 'app/main/types';
 import { FormLoader, SectionContent, useLayoutTitle } from 'components';
 import ListMenuItem from 'components/layout/ListMenuItem';
@@ -69,8 +67,9 @@ const SystemStatus = () => {
     data: data,
     send: loadData,
     error
-  } = useRequest(SystemApi.readSystemStatus, {
-    initialData: []
+  } = useAutoRequest(SystemApi.readSystemStatus, {
+    initialData: [],
+    pollingTime: 5000
   });
 
   const theme = useTheme();
@@ -392,17 +391,6 @@ const SystemStatus = () => {
         </List>
 
         {renderRestartDialog()}
-
-        <Box mt={2} display="flex" flexWrap="wrap">
-          <Button
-            startIcon={<RefreshIcon />}
-            variant="outlined"
-            color="secondary"
-            onClick={loadData}
-          >
-            {LL.REFRESH()}
-          </Button>
-        </Box>
       </>
     );
   };