From cc2187d51ef6533aea6482b2f50dd23ed32e287c Mon Sep 17 00:00:00 2001
From: Shemy Gan <jennifergan26@gmail.com>
Date: Wed, 4 Dec 2024 13:34:38 -0500
Subject: [PATCH] - add routes to status page nested pages

---
 Client/src/App.jsx                      | 23 ++++++++++++++++-------
 Client/src/Components/Sidebar/index.jsx |  9 ++++++++-
 2 files changed, 24 insertions(+), 8 deletions(-)

diff --git a/Client/src/App.jsx b/Client/src/App.jsx
index efab418ec..a9739b33a 100644
--- a/Client/src/App.jsx
+++ b/Client/src/App.jsx
@@ -139,20 +139,29 @@ function App() {
 						path="infrastructure/:monitorId"
 						element={<ProtectedRoute Component={InfrastructureDetailsWithAdminProp} />}
 					/>
-
 					<Route
 						path="incidents/:monitorId?"
 						element={<ProtectedRoute Component={Incidents} />}
 					/>
-
 					<Route
-						path="status"
-						element={<ProtectedRoute Component={Status} />}
+						path="status/general-settings"
+						element={
+							<ProtectedRoute
+								Component={CreateStatus}
+								open="general-settings"
+							/>
+						}
 					/>
 					<Route
-						path="status/create"
-						element={<ProtectedRoute Component={CreateStatus} />}
-					/>					
+						path="status/contents"
+						element={
+							<ProtectedRoute
+								Component={CreateStatus}
+								open="contents"
+							/>
+						}
+					/>
+
 					<Route
 						path="integrations"
 						element={<ProtectedRoute Component={Integrations} />}
diff --git a/Client/src/Components/Sidebar/index.jsx b/Client/src/Components/Sidebar/index.jsx
index 6b8321695..ee7ef444e 100644
--- a/Client/src/Components/Sidebar/index.jsx
+++ b/Client/src/Components/Sidebar/index.jsx
@@ -52,7 +52,14 @@ const menu = [
 	{ name: "Pagespeed", path: "pagespeed", icon: <PageSpeed /> },
 	{ name: "Infrastructure", path: "infrastructure", icon: <Integrations /> },
 	{ name: "Incidents", path: "incidents", icon: <Incidents /> },
-	{ name: "Status pages", path: "status", icon: <StatusPages /> },
+	{
+		name: "Status pages",
+		icon: <StatusPages />,
+		nested: [
+			{ name: "General Settings", path: "status/general-settings", icon: <UserSvg /> },
+			{ name: "Contents", path: "status/contents", icon: <LockSvg /> },
+		],
+	},
 	{ name: "Maintenance", path: "maintenance", icon: <Maintenance /> },
 	// { name: "Integrations", path: "integrations", icon: <Integrations /> },
 	{