setAdvancedOpen(!advancedOpen)}
+ onClick={() => {
+ setAdvancedOpen(!advancedOpen);
+ }}
>
{
const { threshold = 100 } = props;
const [showButton, setShowButton] = useState(false);
- const scrollToTop = () => window.scrollTo({ top: 0, behavior: "smooth" });
+ const scrollToTop = () => {
+ window.scrollTo({ top: 0, behavior: "smooth" });
+ };
- const toggleButton = useCallback(
- () => setShowButton(window.scrollY > threshold),
- [threshold]
- );
+ const toggleButton = useCallback(() => {
+ setShowButton(window.scrollY > threshold);
+ }, [threshold]);
useEffect(() => {
document.addEventListener("scroll", toggleButton);
- return () => document.removeEventListener("scroll", toggleButton);
+ return () => {
+ document.removeEventListener("scroll", toggleButton);
+ };
}, [toggleButton]);
return (
diff --git a/frontend/src/src/components/Select.tsx b/frontend/src/src/components/Select.tsx
index 7da0c611..f9d25f45 100644
--- a/frontend/src/src/components/Select.tsx
+++ b/frontend/src/src/components/Select.tsx
@@ -14,7 +14,7 @@ import {
export interface SelectProps {
readonly open: boolean;
readonly title?: string;
- readonly options?: (string)[][];
+ readonly options?: string[][];
readonly onClose?: () => void;
readonly onSelect?: (value: string) => void;
}
@@ -43,9 +43,9 @@ export const Select = (props: SelectProps) => {
diff --git a/frontend/src/src/components/Table.tsx b/frontend/src/src/components/Table.tsx
index 109be538..060058c2 100644
--- a/frontend/src/src/components/Table.tsx
+++ b/frontend/src/src/components/Table.tsx
@@ -6,9 +6,9 @@ export interface TableColumn {
label: string;
}
-export type TableData = {
+export interface TableData {
[key: TableColumn["key"]]: string | number;
-};
+}
export interface TableAction {
icon: string;
@@ -31,8 +31,9 @@ export const Table = (props: TableProps) => {
const [rowsLength, setRowsLength] = useState(rowsLimit ?? -1);
- const loadMoreRows = () =>
+ const loadMoreRows = () => {
setRowsLength((currentLength) => currentLength + (rowsLimit ?? 0));
+ };
return (
@@ -97,9 +98,10 @@ export const Table = (props: TableProps) => {
- onClick && onClick(item)
- }
+ onClick={() => {
+ onClick &&
+ onClick(item);
+ }}
>
![]() {
seconds: renderTimeViewClock,
}}
onChange={(value) => {
- let val = value?.valueOf() ?? 0;
+ let val = value ?? 0;
if (isNaN(val)) {
val = 0;
}
diff --git a/frontend/src/src/helpers/hook/useInterval.tsx b/frontend/src/src/helpers/hook/useInterval.tsx
index ac33025c..9b1f946c 100644
--- a/frontend/src/src/helpers/hook/useInterval.tsx
+++ b/frontend/src/src/helpers/hook/useInterval.tsx
@@ -22,8 +22,12 @@ export const useInterval = (
if (delay === null || delay === false) {
return;
}
- const tick = () => savedCallback.current();
+ const tick = () => {
+ savedCallback.current();
+ };
const id = setInterval(tick, delay);
- return () => clearInterval(id);
+ return () => {
+ clearInterval(id);
+ };
}, [delay]);
};
diff --git a/frontend/src/src/helpers/hook/useSocket.tsx b/frontend/src/src/helpers/hook/useSocket.tsx
index bcfc528d..6329a254 100644
--- a/frontend/src/src/helpers/hook/useSocket.tsx
+++ b/frontend/src/src/helpers/hook/useSocket.tsx
@@ -21,12 +21,18 @@ export const useSocket = (
onClose: (e) => {
socketRef.current = null;
optionsRef.current?.onClose?.(e);
- reconnect && setTimeout(() => connect(), 1000);
+ reconnect &&
+ setTimeout(() => {
+ connect();
+ }, 1000);
},
onError: (e) => {
socketRef.current = null;
optionsRef.current?.onError?.(e);
- reconnect && setTimeout(() => connect(), 1000);
+ reconnect &&
+ setTimeout(() => {
+ connect();
+ }, 1000);
},
});
};
diff --git a/frontend/src/src/helpers/interact/sendUserAlert.tsx b/frontend/src/src/helpers/interact/sendUserAlert.tsx
index cf9f8cc4..1043ea7a 100644
--- a/frontend/src/src/helpers/interact/sendUserAlert.tsx
+++ b/frontend/src/src/helpers/interact/sendUserAlert.tsx
@@ -2,8 +2,8 @@ import toast from "react-hot-toast";
export const sendUserAlert = (
message: string,
- error: boolean = false,
- duration: number = 2000
+ error = false,
+ duration = 2000
) => {
if (error) {
toast.error(message, { duration });
diff --git a/frontend/src/src/helpers/request/connectSocket.tsx b/frontend/src/src/helpers/request/connectSocket.tsx
index b624b49b..605d94bc 100644
--- a/frontend/src/src/helpers/request/connectSocket.tsx
+++ b/frontend/src/src/helpers/request/connectSocket.tsx
@@ -31,9 +31,9 @@ export const connectSocket = ({
const data = JSON.parse(event.data);
onData({ ...event, data } as MessageEvent);
};
- websocket.onopen = onOpen || (() => {});
- websocket.onclose = onClose || (() => {});
- websocket.onerror = onError || (() => {});
+ websocket.onopen = onOpen ?? null;
+ websocket.onclose = onClose ?? null;
+ websocket.onerror = onError ?? null;
return websocket;
} catch {
diff --git a/frontend/src/src/helpers/request/requestRestApi.tsx b/frontend/src/src/helpers/request/requestRestApi.tsx
index 2920a67d..22f96b96 100644
--- a/frontend/src/src/helpers/request/requestRestApi.tsx
+++ b/frontend/src/src/helpers/request/requestRestApi.tsx
@@ -21,7 +21,7 @@ interface Options {
APIErrorResponse
>;
readonly blobOptions?: {
- readonly filename: string;
+ readonly fileName: string;
readonly onDownload?: (progressEvent: AxiosProgressEvent) => void;
};
}
@@ -47,7 +47,7 @@ export const requestRestApi = async <
});
_axios.interceptors.request.use((config: InternalAxiosRequestConfig) => {
if (!blobOptions) {
- config.headers["Accept"] = "application/json";
+ config.headers.Accept = "application/json";
}
return config;
});
@@ -83,25 +83,21 @@ export const requestRestApi = async <
});
if (blobOptions) {
const { "content-disposition": contentDisposition } = headers;
- let filename = blobOptions.filename;
+ let fileName = blobOptions.fileName;
if (contentDisposition) {
- filename = contentDisposition
+ fileName = contentDisposition
.split(";")
.find((item: string) => item.includes("filename="))
?.split("=")[1];
}
- saveAs(data, !filename.length ? "stream" : filename);
+ saveAs(data, !fileName.length ? "stream" : fileName);
return response.common;
}
return { ...response.common, ...data };
} catch (e) {
const result = response.error ?? response.common;
- if (throwError) {
- return Promise.reject(result);
- }
-
- return result;
+ return throwError ? Promise.reject(e) : result;
}
};
diff --git a/frontend/src/src/helpers/seismic/intensityStandard.tsx b/frontend/src/src/helpers/seismic/intensityStandard.tsx
index 28590add..9b2c82d3 100644
--- a/frontend/src/src/helpers/seismic/intensityStandard.tsx
+++ b/frontend/src/src/helpers/seismic/intensityStandard.tsx
@@ -142,6 +142,6 @@ export class CSISIntensityStandard implements IntensityStandard {
II = 12;
}
- return `${II.toFixed(0)}`;
+ return II.toFixed(0);
};
}
diff --git a/frontend/src/src/helpers/utils/setClipboardText.tsx b/frontend/src/src/helpers/utils/setClipboardText.tsx
index 216d2318..58679b0f 100644
--- a/frontend/src/src/helpers/utils/setClipboardText.tsx
+++ b/frontend/src/src/helpers/utils/setClipboardText.tsx
@@ -10,8 +10,8 @@ export const setClipboardText = async (text: string) => {
},
};
- if (clipboard) {
- clipboard.writeText(text);
+ if (!!clipboard) {
+ await clipboard.writeText(text);
return true;
}
diff --git a/frontend/src/src/helpers/utils/userThrottle.tsx b/frontend/src/src/helpers/utils/userThrottle.tsx
index a7ba0c97..bb7f84f1 100644
--- a/frontend/src/src/helpers/utils/userThrottle.tsx
+++ b/frontend/src/src/helpers/utils/userThrottle.tsx
@@ -6,7 +6,7 @@ export const userThrottle = (fn: (...args: any[]) => void, wait: number) => {
}
timerId = window.setTimeout(() => {
timerId = null;
- return fn(...args);
+ fn(...args);
}, wait);
};
};
diff --git a/frontend/src/src/index.tsx b/frontend/src/src/index.tsx
index 7ee081f8..0ccab85b 100644
--- a/frontend/src/src/index.tsx
+++ b/frontend/src/src/index.tsx
@@ -9,9 +9,7 @@ import App from "./App";
import "./config/i18n";
import "./index.css";
-const root = ReactDOM.createRoot(
- document.getElementById("root") as HTMLElement
-);
+const root = ReactDOM.createRoot(document.getElementById("root")!);
root.render(
diff --git a/frontend/src/src/views/Export/getExportsUpdates.tsx b/frontend/src/src/views/Export/getExportsUpdates.tsx
index 4fbd74ff..c0046e69 100644
--- a/frontend/src/src/views/Export/getExportsUpdates.tsx
+++ b/frontend/src/src/views/Export/getExportsUpdates.tsx
@@ -15,5 +15,7 @@ export const getExportsUpdates = async (
endpoint: endpoints.mseed,
payload: { action: "show", name: "" },
});
- fn.forEach((f) => f(data));
+ fn.forEach((f) => {
+ f(data);
+ });
};
diff --git a/frontend/src/src/views/Export/handleSetTable.tsx b/frontend/src/src/views/Export/handleSetTable.tsx
index 83b1567c..546b3412 100644
--- a/frontend/src/src/views/Export/handleSetTable.tsx
+++ b/frontend/src/src/views/Export/handleSetTable.tsx
@@ -15,8 +15,7 @@ export const handleSetTable = (
return;
}
- const { data } = res;
- const tableData = data
+ const tableData = res.data
.sort((a, b) => b.time - a.time)
.map((item) => {
const timeString = getTimeString(new Date(item.time).getTime());
diff --git a/frontend/src/src/views/Export/index.tsx b/frontend/src/src/views/Export/index.tsx
index 1a485596..ac9b6b0b 100644
--- a/frontend/src/src/views/Export/index.tsx
+++ b/frontend/src/src/views/Export/index.tsx
@@ -17,7 +17,9 @@ const Export = () => {
// Little hack to force update the component
const [, forceUpdateKey] = useState(false);
- const forceUpdate = () => forceUpdateKey((prev) => !prev);
+ const forceUpdate = () => {
+ forceUpdateKey((prev) => !prev);
+ };
const exportTasksRef = useRef<
Record<
@@ -65,9 +67,10 @@ const Export = () => {
typeof endpoints.mseed.model.response.error
>({
blobOptions: {
- filename: name as string,
- onDownload: ({ progress }) =>
- handleExportProgress(name as string, (progress ?? 0) * 100),
+ fileName: String(name),
+ onDownload: ({ progress }) => {
+ handleExportProgress(name as string, (progress ?? 0) * 100);
+ },
},
payload: { action: "export", name: name as string },
endpoint: endpoints.mseed,
@@ -85,10 +88,13 @@ const Export = () => {
};
useEffect(
- () => () =>
+ () => () => {
Object.values(exportTasksRef.current).forEach(
- ({ abortController }) => abortController?.abort()
- ),
+ ({ abortController }) => {
+ abortController?.abort();
+ }
+ );
+ },
[]
);
@@ -112,7 +118,11 @@ const Export = () => {
});
useInterval(
- () => getExportsUpdates((res) => handleSetTable(res, setTable)),
+ () => {
+ getExportsUpdates((res) => {
+ handleSetTable(res, setTable);
+ });
+ },
5000,
true
);
@@ -126,7 +136,9 @@ const Export = () => {
key={fileName}
value={progress}
label={fileName}
- onCancel={() => handleExportCancel(fileName)}
+ onCancel={() => {
+ handleExportCancel(fileName);
+ }}
/>
)
)}
diff --git a/frontend/src/src/views/History/index.tsx b/frontend/src/src/views/History/index.tsx
index c2b584be..165b3efc 100644
--- a/frontend/src/src/views/History/index.tsx
+++ b/frontend/src/src/views/History/index.tsx
@@ -71,11 +71,15 @@ const History = (props: RouterComponentProps) => {
FormProps & { values?: Record }
>({ open: false, inputType: "select" });
- const handleCloseForm = () => setForm({ ...form, open: false });
+ const handleCloseForm = () => {
+ setForm({ ...form, open: false });
+ };
const [select, setSelect] = useState({ open: false });
- const handleCloseSelect = () => setSelect({ ...select, open: false });
+ const handleCloseSelect = () => {
+ setSelect({ ...select, open: false });
+ };
const [labels, setLabels] = useState<
Record }>
@@ -272,7 +276,7 @@ const History = (props: RouterComponentProps) => {
timeout: 120,
throwError: true,
endpoint: apiConfig.endpoints.history,
- blobOptions: { filename: sacFileName },
+ blobOptions: { fileName: sacFileName },
}),
t("views.history.toasts.is_exporting_sac"),
t("views.history.toasts.export_sac_success"),
diff --git a/frontend/src/src/views/Home/getStationUpdates.tsx b/frontend/src/src/views/Home/getStationUpdates.tsx
index c265bb81..c28c5c87 100644
--- a/frontend/src/src/views/Home/getStationUpdates.tsx
+++ b/frontend/src/src/views/Home/getStationUpdates.tsx
@@ -14,5 +14,7 @@ export const getStationUpdates = async (
timeout: 30,
endpoint: endpoints.station,
});
- fn.forEach((f) => f(data));
+ fn.forEach((f) => {
+ f(data);
+ });
};
diff --git a/frontend/src/src/views/Home/index.tsx b/frontend/src/src/views/Home/index.tsx
index c363663d..04f50069 100644
--- a/frontend/src/src/views/Home/index.tsx
+++ b/frontend/src/src/views/Home/index.tsx
@@ -111,10 +111,18 @@ const Home = () => {
useInterval(
() =>
getStationUpdates(
- (res) => handleSetBanner(res, setBanner),
- (res) => handleSetLabels(res, setLabels),
- (res) => handleSetCharts(res, setCharts),
- (res) => handleSetMap(res, setMap)
+ (res) => {
+ handleSetBanner(res, setBanner);
+ },
+ (res) => {
+ handleSetLabels(res, setLabels);
+ },
+ (res) => {
+ handleSetCharts(res, setCharts);
+ },
+ (res) => {
+ handleSetMap(res, setMap);
+ }
),
2000,
true
diff --git a/frontend/src/src/views/Realtime/getSocketUpdates.tsx b/frontend/src/src/views/Realtime/getSocketUpdates.tsx
index 08ecc281..97146877 100644
--- a/frontend/src/src/views/Realtime/getSocketUpdates.tsx
+++ b/frontend/src/src/views/Realtime/getSocketUpdates.tsx
@@ -6,4 +6,8 @@ export type SocketUpdates =
export const getSocketUpdates = async (
res: SocketUpdates,
...fn: ((res: SocketUpdates) => void)[]
-) => fn.forEach((f) => f(res));
+) => {
+ fn.forEach((f) => {
+ f(res);
+ });
+};
diff --git a/frontend/src/src/views/Realtime/index.tsx b/frontend/src/src/views/Realtime/index.tsx
index 2730c807..8c2d93cf 100644
--- a/frontend/src/src/views/Realtime/index.tsx
+++ b/frontend/src/src/views/Realtime/index.tsx
@@ -90,22 +90,29 @@ const Realtime = () => {
},
});
- const handleSocketOpen = () =>
+ const handleSocketOpen = () => {
sendUserAlert(t("views.realtime.toasts.websocket_connected"));
+ };
- const handleSocketData = ({ data }: MessageEvent) =>
- getSocketUpdates(
+ const handleSocketData = ({ data }: MessageEvent) => {
+ void getSocketUpdates(
data,
- (data) => handleSetBanner(data, setBanner),
- (data) => handleSetCharts(data, setCharts)
+ (data) => {
+ handleSetBanner(data, setBanner);
+ },
+ (data) => {
+ handleSetCharts(data, setCharts);
+ }
);
+ };
- const handleSocketError = () =>
+ const handleSocketError = () => {
setBanner({
type: "error",
title: "views.realtime.banner.error.label",
content: "views.realtime.banner.error.text",
});
+ };
useSocket({
backend: apiConfig.backend,
@@ -130,15 +137,16 @@ const Realtime = () => {
setChartHeight(height);
}, [charts]);
- const handleWindowResize = userThrottle(
- () => setChartHeightToState(),
- 2000
- );
+ const handleWindowResize = userThrottle(() => {
+ setChartHeightToState();
+ }, 2000);
useEffect(() => {
setChartHeightToState();
window.addEventListener("resize", handleWindowResize);
- return () => window.removeEventListener("resize", handleWindowResize);
+ return () => {
+ window.removeEventListener("resize", handleWindowResize);
+ };
}, [setChartHeightToState, handleWindowResize]);
const handleSetCornerFreq = (
@@ -160,7 +168,7 @@ const Realtime = () => {
},
}));
- const handleSwitchFilter = (chartKey: string) =>
+ const handleSwitchFilter = (chartKey: string) => {
setCharts((charts) => ({
...charts,
[chartKey]: {
@@ -174,6 +182,7 @@ const Realtime = () => {
},
},
}));
+ };
return (
<>
diff --git a/frontend/src/src/views/Setting/index.tsx b/frontend/src/src/views/Setting/index.tsx
index 961fee31..346516e6 100644
--- a/frontend/src/src/views/Setting/index.tsx
+++ b/frontend/src/src/views/Setting/index.tsx
@@ -21,13 +21,19 @@ const Settings = () => {
const dispatch = useDispatch();
const { retention, duration, scales } = globalConfig;
- const handleReload = () => setTimeout(() => window.location.reload(), 2500);
+ const handleReload = () => {
+ setTimeout(() => {
+ window.location.reload();
+ }, 2500);
+ };
const [form, setForm] = useState<
FormProps & { values?: Record }
>({ open: false, inputType: "number" });
- const handleCloseForm = () => setForm({ ...form, open: false });
+ const handleCloseForm = () => {
+ setForm({ ...form, open: false });
+ };
const handleRetentionChange = (newValue?: string) => {
if (!!newValue?.length) {
@@ -88,7 +94,9 @@ const Settings = () => {
const [select, setSelect] = useState({ open: false });
- const handleCloseSelect = () => setSelect({ ...select, open: false });
+ const handleCloseSelect = () => {
+ setSelect({ ...select, open: false });
+ };
const handleSelectScale = (newValue?: string) => {
if (!!newValue?.length) {
@@ -201,7 +209,7 @@ const Settings = () => {
};
useEffect(() => {
- getStationInventory();
+ void getStationInventory();
}, []);
return (
@@ -224,8 +232,8 @@ const Settings = () => {
))}
| 