From 53d5ae225166a85fbd8eab100995c6994dc84cbe Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Sat, 31 Jan 2026 01:23:54 +0000
Subject: [PATCH] time header

---
 client/src/Pages/Incidents/index.tsx | 10 +++++++---
 client/src/locales/en.json           |  6 ++++++
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/client/src/Pages/Incidents/index.tsx b/client/src/Pages/Incidents/index.tsx
index 82f2e397e..434691cde 100644
--- a/client/src/Pages/Incidents/index.tsx
+++ b/client/src/Pages/Incidents/index.tsx
@@ -7,6 +7,7 @@ import {
 } from "@/Pages/Incidents/Components/SummaryCard";
 import { IncidentsTable } from "@/Pages/Incidents/Components/IncidentTable";
 import { DialogResolution } from "@/Pages/Incidents/Components/DialogResolution";
+import { HeaderTimeRange } from "@/Components/v2/common";
 
 import { useGet } from "@/Hooks/UseApi";
 import { useState, useEffect, useMemo } from "react";
@@ -22,7 +23,7 @@ const IncidentsPage = () => {
 	// Filter state
 	const [selectedMonitor, setSelectedMonitor] = useState(monitorId || "0");
 	const [filter, setFilter] = useState("all");
-	const [dateRange, setDateRange] = useState("all");
+	const [dateRange, setDateRange] = useState("recent");
 	const [page, setPage] = useState(0);
 	const [rowsPerPage, setRowsPerPage] = useState(10);
 
@@ -87,8 +88,6 @@ const IncidentsPage = () => {
 	void setSelectedMonitor;
 	void filter;
 	void setFilter;
-	void dateRange;
-	void setDateRange;
 	void isLoadingIncidents;
 	void isLoadingMonitors;
 	void isLoadingSummary;
@@ -126,6 +125,11 @@ const IncidentsPage = () => {
 				/>
 				<SummaryCardStats summary={summaryData} />
 			</Stack>
+			<HeaderTimeRange
+				dateRange={dateRange}
+				setDateRange={setDateRange}
+				isLoading={isLoadingIncidents}
+			/>
 			<IncidentsTable
 				incidents={incidents}
 				monitors={monitorsData ?? undefined}
diff --git a/client/src/locales/en.json b/client/src/locales/en.json
index f394517bc..d137958e6 100644
--- a/client/src/locales/en.json
+++ b/client/src/locales/en.json
@@ -87,6 +87,12 @@
 				"day": "Day",
 				"week": "Week",
 				"month": "Month"
+			},
+			"description": {
+				"recent": "Showing statistics for past 2 hours.",
+				"day": "Showing statistics for past 24 hours.",
+				"week": "Showing statistics for past 7 days.",
+				"month": "Showing statistics for past 30 days."
 			}
 		}
 	},