Implemented resolve incident hook

client/src/Hooks/checkHooks.js

@@ -162,4 +162,30 @@ const useFetchChecksSummaryByTeamId = ({ updateTrigger } = {}) => {
 	return [summary, isLoading, networkError];
 };
 
-export { useFetchChecksByMonitor, useFetchChecksTeam, useFetchChecksSummaryByTeamId };
+const useResolveIncident = () => {
+	const [isLoading, setIsLoading] = useState(false);
+
+	const resolveIncident = async (checkId, setUpdateTrigger) => {
+		try {
+			setIsLoading(true);
+			await networkService.updateCheckStatus({
+				checkId,
+				ack: true,
+			});
+			setUpdateTrigger((prev) => !prev);
+		} catch (error) {
+			createToast({ body: "Failed to resolve incident." });
+		} finally {
+			setIsLoading(false);
+		}
+	};
+
+	return [resolveIncident, isLoading];
+};
+
+export {
+	useFetchChecksByMonitor,
+	useFetchChecksTeam,
+	useFetchChecksSummaryByTeamId,
+	useResolveIncident,
+};

client/src/Pages/Incidents/Components/IncidentTable/index.jsx

@@ -15,9 +15,8 @@ import PropTypes from "prop-types";
 import { useTranslation } from "react-i18next";
 import { useFetchChecksTeam } from "../../../../Hooks/checkHooks";
 import { useFetchChecksByMonitor } from "../../../../Hooks/checkHooks";
+import { useResolveIncident } from "../../../../Hooks/checkHooks";
 import { Button, Typography } from "@mui/material";
-import { networkService } from "../../../../Utils/NetworkService";
-import { createToast } from "../../../../Utils/toastUtils";
 
 const IncidentTable = ({
 	isLoading,
@@ -36,7 +35,9 @@ const IncidentTable = ({
 	const [rowsPerPage, setRowsPerPage] = useState(10);
 	const selectedMonitorDetails = monitors?.[selectedMonitor];
 	const selectedMonitorType = selectedMonitorDetails?.type;
-	const [resolveLoading, setResolveLoading] = useState(false);
+
+	//Hooks
+	const [resolveIncident, resolveLoading] = useResolveIncident();
 
 	const [checksMonitor, checksCountMonitor, isLoadingMonitor, networkErrorMonitor] =
 		useFetchChecksByMonitor({
@@ -84,19 +85,8 @@ const IncidentTable = ({
 		setRowsPerPage(event.target.value);
 	};
 
-	const handleResolveIncident = async (checkId) => {
-		try {
-			setResolveLoading(true);
-			await networkService.updateCheckStatus({
-				checkId,
-				ack: true,
-			});
-			setUpdateTrigger((prev) => !prev);
-		} catch (error) {
-			createToast({ body: "Failed to resolve incident." });
-		} finally {
-			setResolveLoading(false);
-		}
+	const handleResolveIncident = (checkId) => {
+		resolveIncident(checkId, setUpdateTrigger);
 	};
 
 	const headers = [