useAutoRequest tidy up

interface/src/app/main/Devices.tsx

@@ -55,7 +55,7 @@ import {
 import { useTheme } from '@table-library/react-table-library/theme';
 import type { Action, State } from '@table-library/react-table-library/types/common';
 import { dialogStyle } from 'CustomTheme';
-import { useAutoRequest, useRequest } from 'alova/client';
+import { useRequest } from 'alova/client';
 import { MessageBox, SectionContent, useLayoutTitle } from 'components';
 import { AuthenticatedContext } from 'contexts/authentication';
 import { useI18nContext } from 'i18n/i18n-react';
@@ -83,16 +83,12 @@ const Devices = () => {
 
   useLayoutTitle(LL.DEVICES());
 
-  const { data: coreData, send: sendCoreData } = useAutoRequest(
-    () => readCoreData(),
-    {
-      initialData: {
-        connected: true,
-        devices: []
-      },
-      pollingTime: 2000
+  const { data: coreData, send: sendCoreData } = useRequest(() => readCoreData(), {
+    initialData: {
+      connected: true,
+      devices: []
     }
-  );
+  });
 
   const { data: deviceData, send: sendDeviceData } = useRequest(
     (id: number) => readDeviceData(id),
@@ -320,12 +316,6 @@ const Devices = () => {
     };
   }, [escFunction]);
 
-  const refreshData = () => {
-    if (!deviceValueDialogOpen) {
-      selectedDevice ? void sendDeviceData(selectedDevice) : void sendCoreData();
-    }
-  };
-
   const customize = () => {
     if (selectedDevice == 99) {
       navigate('/customentities');
@@ -436,7 +426,12 @@ const Devices = () => {
   };
 
   useEffect(() => {
-    const timer = setInterval(() => refreshData(), 60000);
+    const timer = setInterval(() => {
+      if (deviceValueDialogOpen) {
+        return;
+      }
+      selectedDevice ? void sendDeviceData(selectedDevice) : void sendCoreData();
+    }, 2000);
     return () => {
       clearInterval(timer);
     };
@@ -591,6 +586,7 @@ const Devices = () => {
 
   const deviceValueDialogClose = () => {
     setDeviceValueDialogOpen(false);
+    void sendDeviceData(selectedDevice);
   };
 
   const renderDeviceData = () => {

interface/src/app/main/Sensors.tsx

@@ -1,4 +1,4 @@
-import { useContext, useEffect, useState } from 'react';
+import { useContext, useState } from 'react';
 import { toast } from 'react-toastify';
 
 import AddCircleOutlineOutlinedIcon from '@mui/icons-material/AddCircleOutlineOutlined';
@@ -59,18 +59,15 @@ const Sensors = () => {
   const [analogDialogOpen, setAnalogDialogOpen] = useState<boolean>(false);
   const [creating, setCreating] = useState<boolean>(false);
 
-  const { data: sensorData, send: sendSensorData } = useAutoRequest(
-    () => readSensorData(),
-    {
-      initialData: {
-        ts: [],
-        as: [],
-        analog_enabled: false,
-        platform: 'ESP32'
-      },
-      pollingTime: 2000
-    }
-  );
+  const { data: sensorData } = useAutoRequest(() => readSensorData(), {
+    initialData: {
+      ts: [],
+      as: [],
+      analog_enabled: false,
+      platform: 'ESP32'
+    },
+    pollingTime: 2000
+  });
 
   const { send: sendTemperatureSensor } = useRequest(
     (data: WriteTemperatureSensor) => writeTemperatureSensor(data),
@@ -198,13 +195,6 @@ const Sensors = () => {
     }
   );
 
-  useEffect(() => {
-    const timer = setInterval(() => sendSensorData(), 30000);
-    return () => {
-      clearInterval(timer);
-    };
-  });
-
   useLayoutTitle(LL.SENSORS());
 
   const formatDurationMin = (duration_min: number) => {
@@ -276,10 +266,9 @@ const Sensors = () => {
       .catch(() => {
         toast.error(LL.UPDATE_OF(LL.SENSOR(2)) + ' ' + LL.FAILED(1));
       })
-      .finally(async () => {
+      .finally(() => {
         setTemperatureDialogOpen(false);
         setSelectedTemperatureSensor(undefined);
-        await sendSensorData();
       });
   };
 
@@ -330,10 +319,9 @@ const Sensors = () => {
       .catch(() => {
         toast.error(LL.UPDATE_OF(LL.ANALOG_SENSOR(5)) + ' ' + LL.FAILED(1));
       })
-      .finally(async () => {
+      .finally(() => {
         setAnalogDialogOpen(false);
         setSelectedAnalogSensor(undefined);
-        await sendSensorData();
       });
   };
 
@@ -477,41 +465,37 @@ const Sensors = () => {
           )}
         />
       )}
-      {sensorData?.analog_enabled === true && (
-        <>
-          <Typography sx={{ pt: 4, pb: 1 }} variant="h6" color="secondary">
-            {LL.ANALOG_SENSORS()}
-          </Typography>
-          <RenderAnalogSensors />
-          {selectedAnalogSensor && (
-            <DashboardSensorsAnalogDialog
-              open={analogDialogOpen}
-              onClose={onAnalogDialogClose}
-              onSave={onAnalogDialogSave}
-              creating={creating}
-              selectedItem={selectedAnalogSensor}
-              validator={analogSensorItemValidation(
-                sensorData.as,
-                selectedAnalogSensor,
-                creating,
-                sensorData.platform
-              )}
-            />
+      <Typography sx={{ pt: 4, pb: 1 }} variant="h6" color="secondary">
+        {LL.ANALOG_SENSORS()}
+      </Typography>
+      <RenderAnalogSensors />
+      {selectedAnalogSensor && (
+        <DashboardSensorsAnalogDialog
+          open={analogDialogOpen}
+          onClose={onAnalogDialogClose}
+          onSave={onAnalogDialogSave}
+          creating={creating}
+          selectedItem={selectedAnalogSensor}
+          validator={analogSensorItemValidation(
+            sensorData.as,
+            selectedAnalogSensor,
+            creating,
+            sensorData.platform
           )}
-        </>
+        />
       )}
-      <Box mt={1} display="flex" flexWrap="wrap">
-        {sensorData?.analog_enabled === true && me.admin && (
+      {sensorData?.analog_enabled === true && me.admin && (
+        <Box mt={1} display="flex" flexWrap="wrap" justifyContent="flex-end">
           <Button
             variant="outlined"
             color="primary"
             startIcon={<AddCircleOutlineOutlinedIcon />}
             onClick={addAnalogSensor}
           >
-            {LL.ADD(0) + ' ' + LL.ANALOG_SENSOR(1)}
+            {LL.ADD(0)}
           </Button>
-        )}
-      </Box>
+        </Box>
+      )}
     </SectionContent>
   );
 };

interface/src/app/settings/security/ManageUsers.tsx

@@ -220,8 +220,8 @@ const ManageUsers = () => {
         )}
 
         <Box display="flex" flexWrap="wrap">
-          <Box flexGrow={1} sx={{ '& button': { mt: 2 } }}>
-            {changed !== 0 && (
+          {changed !== 0 && (
+            <Box flexGrow={1} sx={{ '& button': { mt: 2 } }}>
               <ButtonRow>
                 <Button
                   startIcon={<CancelIcon />}
@@ -244,9 +244,8 @@ const ManageUsers = () => {
                   {LL.APPLY_CHANGES(changed)}
                 </Button>
               </ButtonRow>
-            )}
-          </Box>
-
+            </Box>
+          )}
           <Box flexWrap="nowrap" whiteSpace="nowrap">
             <ButtonRow>
               <Button

interface/src/app/status/Activity.tsx

@@ -1,5 +1,3 @@
-import { useEffect } from 'react';
-
 import {
   Body,
   Cell,
@@ -67,13 +65,6 @@ const SystemActivity = () => {
     `
   });
 
-  useEffect(() => {
-    const timer = setInterval(() => loadData(), 30000);
-    return () => {
-      clearInterval(timer);
-    };
-  });
-
   const showName = (id: number) => {
     const name: keyof Translation['STATUS_NAMES'] = id;
     return LL.STATUS_NAMES[name]();