monitors lis tskeleton

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>;
+};

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>
 	);