From a912a5ebb8d2ff956accc55506fc21ced5594cb3 Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Mon, 2 Feb 2026 20:42:27 +0000
Subject: [PATCH] monitors lis tskeleton

---
 .../StatusPage/Status/Components/MonitorsList.tsx     | 11 +++++++++++
 client/src/Pages/StatusPage/Status/index.tsx          |  5 +++++
 2 files changed, 16 insertions(+)
 create mode 100644 client/src/Pages/StatusPage/Status/Components/MonitorsList.tsx

diff --git a/client/src/Pages/StatusPage/Status/Components/MonitorsList.tsx b/client/src/Pages/StatusPage/Status/Components/MonitorsList.tsx
new file mode 100644
index 000000000..8425a2256
--- /dev/null
+++ b/client/src/Pages/StatusPage/Status/Components/MonitorsList.tsx
@@ -0,0 +1,11 @@
+import type { Monitor } from "@/Types/Monitor";
+import type { StatusPage } from "@/Types/StatusPage";
+
+interface MontorsListProps {
+	stautsPage: StatusPage;
+	monitors: Monitor[];
+}
+
+export const MonitorsList = ({ stautsPage, monitors }: MontorsListProps) => {
+	return <div>Monitors List</div>;
+};
diff --git a/client/src/Pages/StatusPage/Status/index.tsx b/client/src/Pages/StatusPage/Status/index.tsx
index d35503011..411234c15 100644
--- a/client/src/Pages/StatusPage/Status/index.tsx
+++ b/client/src/Pages/StatusPage/Status/index.tsx
@@ -1,5 +1,6 @@
 import { BasePage } from "@/Components/v2/design-elements";
 import { StatusBar } from "@/Pages/StatusPage/Status/Components/StatusBar";
+import { MonitorsList } from "@/Pages/StatusPage/Status/Components/MonitorsList";
 import Typography from "@mui/material/Typography";
 
 import { useTranslation } from "react-i18next";
@@ -43,6 +44,10 @@ const StatusPageView = () => {
 			/>
 			<Typography variant="h2">{t("statusPageStatusServiceStatus")}</Typography>
 			<StatusBar monitors={monitors} />
+			<MonitorsList
+				stautsPage={statusPage}
+				monitors={monitors}
+			/>
 			<pre> {JSON.stringify(data, null, 2)}</pre>
 		</BasePage>
 	);