add dateRange to checks query

client/src/Hooks/checkHooks.js

@@ -137,7 +137,7 @@ const useFetchChecksByMonitor = ({
 	return [checks, checksCount, isLoading, networkError];
 };
 
-const useFetchChecksSummaryByTeamId = ({ updateTrigger } = {}) => {
+const useFetchChecksSummaryByTeamId = ({ dateRange, updateTrigger } = {}) => {
 	const [summary, setSummary] = useState(undefined);
 	const [isLoading, setIsLoading] = useState(false);
 	const [networkError, setNetworkError] = useState(false);
@@ -147,7 +147,7 @@ const useFetchChecksSummaryByTeamId = ({ updateTrigger } = {}) => {
 			try {
 				setIsLoading(true);
 
-				const res = await networkService.getChecksAndSummaryByTeamId();
+				const res = await networkService.getChecksAndSummaryByTeamId({ dateRange });
 				setSummary(res.data.data);
 			} catch (error) {
 				setNetworkError(true);
@@ -158,7 +158,7 @@ const useFetchChecksSummaryByTeamId = ({ updateTrigger } = {}) => {
 		};
 
 		fetchSummary();
-	}, [updateTrigger]);
+	}, [dateRange, updateTrigger]);
 
 	return [summary, isLoading, networkError];
 };

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

@@ -19,7 +19,7 @@ import { useState } from "react";
 import PropTypes from "prop-types";
 import { useTranslation } from "react-i18next";
 import { useFetchChecksTeam, useFetchChecksByMonitor } from "@/Hooks/checkHooks.js";
-import { Button, Typography, useTheme } from "@mui/material";
+import { Typography, useTheme } from "@mui/material";
 import { lighten } from "@mui/material/styles";
 
 const GetTooltip = (row) => {

client/src/Pages/Checks/index.jsx

@@ -5,7 +5,6 @@ import GenericFallback from "@/Components/v1/GenericFallback/index.jsx";
 import IncidentTable from "./Components/IncidentTable/index.jsx";
 import OptionsHeader from "./Components/OptionsHeader/index.jsx";
 import StatusBoxes from "./Components/StatusBoxes/index.jsx";
-import { Box, Button } from "@mui/material";
 
 //Utils
 import { useTheme } from "@emotion/react";
@@ -26,7 +25,7 @@ const Checks = () => {
 	// Local state
 	const [selectedMonitor, setSelectedMonitor] = useState("0");
 	const [filter, setFilter] = useState(undefined);
-	const [dateRange, setDateRange] = useState(undefined);
+	const [dateRange, setDateRange] = useState("hour");
 	const [monitorLookup, setMonitorLookup] = useState(undefined);
 	const [updateTrigger, setUpdateTrigger] = useState(false);
 
@@ -36,6 +35,7 @@ const Checks = () => {
 	const theme = useTheme();
 	const [monitors, , isLoading, networkError] = useFetchMonitorsByTeamId({});
 	const [summary, isLoadingSummary, networkErrorSummary] = useFetchChecksSummaryByTeamId({
+		dateRange,
 		updateTrigger,
 	});
 	const { monitorId } = useParams();

client/src/Utils/NetworkService.js

@@ -594,8 +594,8 @@ class NetworkService {
 	 * @async
 	 * @returns {Promise<AxiosResponse>} The response from the axios GET request.
 	 */
-	getChecksAndSummaryByTeamId = async () => {
-		return this.axiosInstance.get(`/checks/team/summary`);
+	getChecksAndSummaryByTeamId = async ({ dateRange }) => {
+		return this.axiosInstance.get(`/checks/team/summary?dateRange=${dateRange}`);
 	};
 
 	/**