remove ack

client/src/Hooks/checkHooks.js

@@ -185,36 +185,9 @@ const useResolveIncident = () => {
 	return [resolveIncident, isLoading];
 };
 
-const useAcknowledgeChecks = () => {
-	const [isLoading, setIsLoading] = useState(false);
-	const { t } = useTranslation();
-
-	const acknowledge = async (setUpdateTrigger, monitorId = null) => {
-		setIsLoading(true);
-		try {
-			if (monitorId) {
-				await networkService.updateMonitorChecksStatus({ monitorId, ack: true });
-			} else {
-				await networkService.updateAllChecksStatus({ ack: true });
-			}
-			setUpdateTrigger((prev) => !prev);
-		} catch (error) {
-			const toastMessage = monitorId
-				? t("checkHooks.failureResolveMonitor")
-				: t("checkHooks.failureResolveAll");
-			createToast({ body: toastMessage });
-		} finally {
-			setIsLoading(false);
-		}
-	};
-
-	return { acknowledge, isLoading };
-};
-
 export {
 	useFetchChecksByMonitor,
 	useFetchChecksTeam,
 	useFetchChecksSummaryByTeamId,
 	useResolveIncident,
-	useAcknowledgeChecks,
 };

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

@@ -18,11 +18,7 @@ import { useSelector } from "react-redux";
 import { useState } from "react";
 import PropTypes from "prop-types";
 import { useTranslation } from "react-i18next";
-import {
-	useFetchChecksTeam,
-	useFetchChecksByMonitor,
-	useResolveIncident,
-} from "@/Hooks/checkHooks.js";
+import { useFetchChecksTeam, useFetchChecksByMonitor } from "@/Hooks/checkHooks.js";
 import { Button, Typography, useTheme } from "@mui/material";
 import { lighten } from "@mui/material/styles";
 
@@ -93,7 +89,6 @@ const IncidentTable = ({
 	filter,
 	dateRange,
 	updateTrigger,
-	setUpdateTrigger,
 }) => {
 	//Redux state
 	const uiTimezone = useSelector((state) => state.ui.timezone);
@@ -105,8 +100,6 @@ const IncidentTable = ({
 	const selectedMonitorType = selectedMonitorDetails?.type;
 
 	//Hooks
-	const [resolveIncident, resolveLoading] = useResolveIncident();
-
 	const [checksMonitor, checksCountMonitor, isLoadingMonitor, networkErrorMonitor] =
 		useFetchChecksByMonitor({
 			monitorId: selectedMonitor === "0" ? undefined : selectedMonitor,
@@ -153,10 +146,6 @@ const IncidentTable = ({
 		setRowsPerPage(event.target.value);
 	};
 
-	const handleResolveIncident = (checkId) => {
-		resolveIncident(checkId, setUpdateTrigger);
-	};
-
 	const headers = [
 		{
 			id: "monitorName",
@@ -195,31 +184,9 @@ const IncidentTable = ({
 			render: (row) => <HttpStatusLabel status={row.statusCode} />,
 		},
 		{ id: "message", content: t("incidentsTableMessage"), render: (row) => row.message },
-		{
-			id: "action",
-			content: t("actions"),
-			render: (row) => {
-				return row.ack === false ? (
-					<Button
-						variant="contained"
-						color="accent"
-						onClick={() => {
-							handleResolveIncident(row._id);
-						}}
-					>
-						{t("incidentsTableActionResolve")}
-					</Button>
-				) : (
-					<Typography>
-						{t("incidentsTableResolvedAt")}{" "}
-						{formatDateWithTz(row.ackAt, "YYYY-MM-DD HH:mm:ss A", uiTimezone)}
-					</Typography>
-				);
-			},
-		},
 	];
 
-	if (isLoading || resolveLoading) return <TableSkeleton />;
+	if (isLoading) return <TableSkeleton />;
 
 	if (networkError) {
 		return (

client/src/Pages/Checks/index.jsx

@@ -10,10 +10,7 @@ import { Box, Button } from "@mui/material";
 //Utils
 import { useTheme } from "@emotion/react";
 import { useFetchMonitorsByTeamId } from "@/Hooks/monitorHooks.js";
-import {
-	useFetchChecksSummaryByTeamId,
-	useAcknowledgeChecks,
-} from "@/Hooks/checkHooks.js";
+import { useFetchChecksSummaryByTeamId } from "@/Hooks/checkHooks.js";
 import { useState, useEffect } from "react";
 import NetworkError from "@/Components/v1/GenericFallback/NetworkError.jsx";
 import { useTranslation } from "react-i18next";
@@ -34,7 +31,6 @@ const Checks = () => {
 	const [updateTrigger, setUpdateTrigger] = useState(false);
 
 	//Hooks
-	const { acknowledge, isLoadingAcknowledge } = useAcknowledgeChecks();
 
 	//Utils
 	const theme = useTheme();
@@ -62,11 +58,6 @@ const Checks = () => {
 		setMonitorLookup(monitorLookup);
 	}, [monitors]);
 
-	const handleAcknowledge = () => {
-		const monitorId = selectedMonitor === "0" ? null : selectedMonitor;
-		acknowledge(setUpdateTrigger, monitorId);
-	};
-
 	if (networkError || networkErrorSummary) {
 		return (
 			<GenericFallback>
@@ -78,18 +69,7 @@ const Checks = () => {
 	return (
 		<Stack gap={theme.spacing(10)}>
 			<Breadcrumbs list={BREADCRUMBS} />
-			<Box alignSelf="flex-end">
-				<Button
-					variant="contained"
-					color="accent"
-					onClick={handleAcknowledge}
-					disabled={isLoadingAcknowledge}
-				>
-					{selectedMonitor === "0"
-						? t("checksPageActionResolveAllMonitor")
-						: t("checksPageActionResolveMonitor")}
-				</Button>
-			</Box>
+
 			<StatusBoxes
 				isLoading={isLoadingSummary}
 				summary={summary}