fix eslint warnings

interface/src/framework/system/SystemLog.tsx

@@ -31,7 +31,7 @@ const useWindowSize = () => {
   return size;
 };
 
-const LogEntryLine = styled('div')(({ theme }) => ({
+const LogEntryLine = styled('div')(() => ({
   color: '#bbbbbb',
   fontFamily: 'monospace',
   fontSize: '14px',
@@ -125,7 +125,7 @@ const SystemLog: FC = () => {
 
   useEffect(() => {
     void fetchLog();
-  }, []);
+  }, [fetchLog]);
 
   useEffect(() => {
     const es = new EventSource(addAccessTokenParameter(LOG_EVENTSOURCE_URL));
@@ -138,7 +138,7 @@ const SystemLog: FC = () => {
     return () => {
       es.close();
     };
-  }, []);
+  });
 
   const saveSettings = async () => {
     if (data) {

interface/src/i18n/formatters.ts

@@ -1,7 +1,7 @@
 import type { Locales, Formatters } from './i18n-types';
 import type { FormattersInitializer } from 'typesafe-i18n';
 
-export const initFormatters: FormattersInitializer<Locales, Formatters> = (locale: Locales) => {
+export const initFormatters: FormattersInitializer<Locales, Formatters> = () => {
   const formatters: Formatters = {
     // add your formatter functions here
   };

interface/src/project/DashboardDevices.tsx

@@ -27,7 +27,7 @@ import { useRowSelect } from '@table-library/react-table-library/select';
 import { useSort, SortToggleType } from '@table-library/react-table-library/sort';
 import { Table, Header, HeaderRow, HeaderCell, Body, Row, Cell } from '@table-library/react-table-library/table';
 import { useTheme } from '@table-library/react-table-library/theme';
-import { useState, useContext, useEffect } from 'react';
+import { useState, useContext, useEffect, useCallback } from 'react';
 
 import { IconContext } from 'react-icons';
 import { toast } from 'react-toastify';
@@ -183,24 +183,26 @@ const DashboardDevices: FC = () => {
   );
 
   const fetchDeviceData = async (id: number) => {
-    try {
+    if (!deviceValueDialogOpen) {
-      setDeviceData((await EMSESP.readDeviceData({ id })).data);
+      try {
-    } catch (error) {
+        setDeviceData((await EMSESP.readDeviceData({ id })).data);
-      toast.error(extractErrorMessage(error, LL.PROBLEM_LOADING()));
+      } catch (error) {
+        toast.error(extractErrorMessage(error, LL.PROBLEM_LOADING()));
+      }
     }
   };
 
-  const fetchCoreData = async () => {
+  const fetchCoreData = useCallback(async () => {
     try {
       setCoreData((await EMSESP.readCoreData()).data);
     } catch (error) {
       toast.error(extractErrorMessage(error, LL.PROBLEM_LOADING()));
     }
-  };
+  }, [LL]);
 
   useEffect(() => {
     void fetchCoreData();
-  }, []);
+  }, [fetchCoreData]);
 
   const refreshData = () => {
     if (selectedDevice) {
@@ -280,7 +282,7 @@ const DashboardDevices: FC = () => {
     return () => {
       clearInterval(timer);
     };
-  }, []);
+  });
 
   const deviceValueDialogSave = async (dv: DeviceValue) => {
     try {

interface/src/project/DashboardSensors.tsx

@@ -102,16 +102,18 @@ const DashboardSensors: FC = () => {
   ]);
 
   const fetchSensorData = useCallback(async () => {
-    try {
+    if (!analogDialogOpen && !temperatureDialogOpen) {
-      setSensorData((await EMSESP.readSensorData()).data);
+      try {
-    } catch (error) {
+        setSensorData((await EMSESP.readSensorData()).data);
-      toast.error(extractErrorMessage(error, LL.PROBLEM_LOADING()));
+      } catch (error) {
+        toast.error(extractErrorMessage(error, LL.PROBLEM_LOADING()));
+      }
     }
-  }, [LL]);
+  }, [LL, analogDialogOpen, temperatureDialogOpen]);
 
   useEffect(() => {
     void fetchSensorData();
-  }, []);
+  }, [fetchSensorData]);
 
   const getSortIcon = (state: any, sortKey: any) => {
     if (state.sortKey === sortKey && state.reverse) {
@@ -160,11 +162,11 @@ const DashboardSensors: FC = () => {
   );
 
   useEffect(() => {
-    const timer = setInterval(() => fetchSensorData(), 60000);
+    const timer = setInterval(() => fetchSensorData(), 30000);
     return () => {
       clearInterval(timer);
     };
-  }, [fetchSensorData]);
+  });
 
   const formatDurationMin = (duration_min: number) => {
     const days = Math.trunc((duration_min * 60000) / 86400000);

interface/src/project/DashboardSensorsAnalogDialog.tsx

@@ -213,7 +213,7 @@ const DashboardSensorsAnalogDialog = ({
                   name="f"
                   label={LL.FREQ()}
                   value={numberValue(editItem.f)}
-                  // fullWidth
+                  fullWidth
                   type="number"
                   variant="outlined"
                   onChange={updateFormValue}
@@ -228,7 +228,7 @@ const DashboardSensorsAnalogDialog = ({
                   name="o"
                   label={LL.DUTY_CYCLE()}
                   value={numberValue(editItem.o)}
-                  // fullWidth
+                  fullWidth
                   type="number"
                   variant="outlined"
                   onChange={updateFormValue}

interface/src/project/DashboardStatus.tsx

@@ -116,7 +116,7 @@ const DashboardStatus: FC = () => {
     return () => {
       clearInterval(timer);
     };
-  }, []);
+  });
 
   const showName = (id: any) => {
     const name: keyof Translation['STATUS_NAMES'] = id;

interface/src/project/SettingsEntities.tsx

@@ -130,7 +130,7 @@ const SettingsEntities: FC = () => {
 
   useEffect(() => {
     void fetchEntities();
-  }, []);
+  }, [fetchEntities]);
 
   const saveEntities = async () => {
     if (entities) {

interface/src/project/SettingsScheduler.tsx

@@ -117,7 +117,6 @@ const SettingsScheduler: FC = () => {
     }
   }, [LL]);
 
-  // on mount
   useEffect(() => {
     const formatter = new Intl.DateTimeFormat(locale, { weekday: 'short', timeZone: 'UTC' });
     const days = [1, 2, 3, 4, 5, 6, 7].map((day) => {

interface/src/utils/useWs.ts

@@ -83,6 +83,7 @@ export const useWs = <D>(wsUrl: string, wsThrottle = 100) => {
       }
     });
     ws.current = instance;
+    // eslint-disable-next-line @typescript-eslint/unbound-method
     return instance.close;
   }, [wsUrl, onMessage]);
 

mock-api/server.js

@@ -826,6 +826,7 @@ const emsesp_deviceentities_4 = [
 // LOG
 rest_server.get(FETCH_LOG_ENDPOINT, (req, res) => {
   const encoded = msgpack.encode(fetch_log);
+  console.log('fetchlog');
   res.write(encoded, 'binary');
   res.end(null, 'binary');
 });