Add network operation hooks

Client/src/Pages/Incidents/Hooks/useChecksFetch.jsx

@@ -0,0 +1,60 @@
+import { useState, useEffect } from "react";
+import { networkService } from "../../../main";
+import { createToast } from "../../../Utils/toastUtils";
+import { useSelector } from "react-redux";
+const useChecksFetch = ({ selectedMonitor, filter, dateRange, page, rowsPerPage }) => {
+	//Redux
+	const { authToken, user } = useSelector((state) => state.auth);
+
+	//Local
+	const [isLoading, setIsLoading] = useState(false);
+	const [networkError, setNetworkError] = useState(false);
+	const [checks, setChecks] = useState(undefined);
+	const [checksCount, setChecksCount] = useState(undefined);
+
+	useEffect(() => {
+		const fetchChecks = async () => {
+			try {
+				setIsLoading(true);
+				let res;
+
+				if (selectedMonitor === "0") {
+					res = await networkService.getChecksByTeam({
+						authToken: authToken,
+						status: false,
+						teamId: user.teamId,
+						sortOrder: "desc",
+						limit: null,
+						dateRange,
+						filter: filter,
+						page: page,
+						rowsPerPage: rowsPerPage,
+					});
+				} else {
+					res = await networkService.getChecksByMonitor({
+						authToken: authToken,
+						status: false,
+						monitorId: selectedMonitor,
+						sortOrder: "desc",
+						limit: null,
+						dateRange,
+						filter: filter,
+						page,
+						rowsPerPage,
+					});
+				}
+				setChecks(res.data.data.checks);
+				setChecksCount(res.data.data.checksCount);
+			} catch (error) {
+				setNetworkError(true);
+				createToast({ body: error.message });
+			} finally {
+				setIsLoading(false);
+			}
+		};
+		fetchChecks();
+	}, [authToken, user, dateRange, page, rowsPerPage, filter, selectedMonitor]);
+	return { isLoading, networkError, checks, checksCount };
+};
+
+export default useChecksFetch;

Client/src/Pages/Incidents/Hooks/useMonitorsFetch.jsx

@@ -0,0 +1,51 @@
+import { useState, useEffect } from "react";
+import { networkService } from "../../../main";
+import { createToast } from "../../../Utils/toastUtils";
+const useMonitorsFetch = ({ authToken, teamId }) => {
+	//Local state
+	const [isLoading, setIsLoading] = useState(false);
+	const [networkError, setNetworkError] = useState(false);
+
+	const [monitors, setMonitors] = useState(undefined);
+
+	useEffect(() => {
+		const fetchMonitors = async () => {
+			try {
+				setIsLoading(true);
+				const res = await networkService.getMonitorsByTeamId({
+					authToken,
+					teamId,
+					limit: null,
+					types: null,
+					status: null,
+					checkOrder: null,
+					normalize: null,
+					page: null,
+					rowsPerPage: null,
+					filter: null,
+					field: null,
+					order: null,
+				});
+				if (res?.data?.data?.monitors?.length > 0) {
+					const monitorLookup = res.data.data.monitors.reduce((acc, monitor) => {
+						acc[monitor._id] = monitor;
+						return acc;
+					}, {});
+					setMonitors(monitorLookup);
+				}
+			} catch (error) {
+				setNetworkError(true);
+				createToast({
+					body: error.message,
+				});
+			} finally {
+				setIsLoading(false);
+			}
+		};
+
+		fetchMonitors();
+	}, [authToken, teamId]);
+	return { isLoading, monitors, networkError };
+};
+
+export { useMonitorsFetch };