From c0a8398baa3f611e0a70b062c7946ecf551d1fac Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Mon, 8 Dec 2025 17:22:17 +0000
Subject: [PATCH] incident links

---
 client/src/components/monitors/HeaderControls.tsx     |  2 +-
 client/src/pages/incidents/IncidentsPage.tsx          | 11 ++++++-----
 .../src/pages/infrastructure/InfraMonitorsTable.tsx   |  2 +-
 client/src/pages/pagespeed/PageSpeedMonitorTable.tsx  |  2 +-
 client/src/pages/uptime/MonitorTable.tsx              |  2 +-
 5 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/client/src/components/monitors/HeaderControls.tsx b/client/src/components/monitors/HeaderControls.tsx
index b0397e778..78e0e3533 100644
--- a/client/src/components/monitors/HeaderControls.tsx
+++ b/client/src/components/monitors/HeaderControls.tsx
@@ -57,7 +57,7 @@ export const HeaderControls = ({
           <Button
             startIcon={<Bug size={20} strokeWidth={1.5} />}
             onClick={() => {
-              navigate(`/incidents/${monitor._id}`);
+              navigate(`/incidents?monitorId=${monitor._id}`);
             }}
           >
             {t("menu.incidents")}
diff --git a/client/src/pages/incidents/IncidentsPage.tsx b/client/src/pages/incidents/IncidentsPage.tsx
index c44edbcc1..29cdfe600 100644
--- a/client/src/pages/incidents/IncidentsPage.tsx
+++ b/client/src/pages/incidents/IncidentsPage.tsx
@@ -6,7 +6,7 @@ import { IncidentTable } from "@/pages/incidents/IncidentTable";
 import { HeaderRange } from "@/components/common/HeaderRange";
 
 import { useTheme } from "@mui/material/styles";
-import { useParams } from "react-router";
+import { useSearchParams } from "react-router";
 import { useState, useEffect } from "react";
 import { useGet } from "@/hooks/UseApi";
 import type { ApiResponse } from "@/hooks/UseApi";
@@ -17,7 +17,7 @@ import type { IMonitor } from "@/types/monitor";
 const IncidentsPage = () => {
   const theme = useTheme();
   const [selectedMonitorId, setSelectedMonitorId] = useState<string>("all");
-  const { id } = useParams<{ id: string }>();
+  const [searchParams] = useSearchParams();
 
   const [page, setPage] = useState(0);
   const [rowsPerPage, setRowsPerPage] = useState(10);
@@ -51,10 +51,11 @@ const IncidentsPage = () => {
   const monitors: IMonitor[] = monitorResponse?.data || [];
 
   useEffect(() => {
-    if (id) {
-      setSelectedMonitorId(id);
+    const monitorId = searchParams.get("monitorId");
+    if (monitorId) {
+      setSelectedMonitorId(monitorId);
     }
-  }, [id]);
+  }, [searchParams]);
 
   return (
     <BasePage>
diff --git a/client/src/pages/infrastructure/InfraMonitorsTable.tsx b/client/src/pages/infrastructure/InfraMonitorsTable.tsx
index e0b7e112c..02a5f504f 100644
--- a/client/src/pages/infrastructure/InfraMonitorsTable.tsx
+++ b/client/src/pages/infrastructure/InfraMonitorsTable.tsx
@@ -101,7 +101,7 @@ export const InfraMonitorsTable = ({
         id: 3,
         label: "Incidents",
         action: () => {
-          navigate(`/incidents/${monitor._id}`);
+          navigate(`/incidents?monitorId=${monitor._id}`);
         },
       },
       {
diff --git a/client/src/pages/pagespeed/PageSpeedMonitorTable.tsx b/client/src/pages/pagespeed/PageSpeedMonitorTable.tsx
index 0b58b5361..c50cebdfe 100644
--- a/client/src/pages/pagespeed/PageSpeedMonitorTable.tsx
+++ b/client/src/pages/pagespeed/PageSpeedMonitorTable.tsx
@@ -102,7 +102,7 @@ export const PageSpeedMonitorTable = ({
         id: 3,
         label: "Incidents",
         action: () => {
-          navigate(`/incidents/${monitor._id}`);
+          navigate(`/incidents?monitorId=${monitor._id}`);
         },
       },
       {
diff --git a/client/src/pages/uptime/MonitorTable.tsx b/client/src/pages/uptime/MonitorTable.tsx
index 6fdb8618b..fde4621d7 100644
--- a/client/src/pages/uptime/MonitorTable.tsx
+++ b/client/src/pages/uptime/MonitorTable.tsx
@@ -102,7 +102,7 @@ export const MonitorTable = ({
         id: 3,
         label: "Incidents",
         action: () => {
-          navigate(`/incidents/${monitor._id}`);
+          navigate(`/incidents?monitorId=${monitor._id}`);
         },
       },
       {