From 35a981abb079afe745efdbd0c17c40249c8c0ba9 Mon Sep 17 00:00:00 2001
From: Shemy Gan <jennifergan26@gmail.com>
Date: Wed, 4 Dec 2024 15:10:13 -0500
Subject: [PATCH] - Update icons etc

---
 Client/src/Components/Sidebar/index.jsx        |  4 ++--
 Client/src/Pages/Status/CreateStatus/index.jsx | 16 +++++++++++++---
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/Client/src/Components/Sidebar/index.jsx b/Client/src/Components/Sidebar/index.jsx
index ee7ef444e..3e506527a 100644
--- a/Client/src/Components/Sidebar/index.jsx
+++ b/Client/src/Components/Sidebar/index.jsx
@@ -56,8 +56,8 @@ const menu = [
 		name: "Status pages",
 		icon: <StatusPages />,
 		nested: [
-			{ name: "General Settings", path: "status/general-settings", icon: <UserSvg /> },
-			{ name: "Contents", path: "status/contents", icon: <LockSvg /> },
+			{ name: "General Settings", path: "status/general-settings", icon: <Settings /> },
+			{ name: "Contents", path: "status/contents", icon: <Settings /> },
 		],
 	},
 	{ name: "Maintenance", path: "maintenance", icon: <Maintenance /> },
diff --git a/Client/src/Pages/Status/CreateStatus/index.jsx b/Client/src/Pages/Status/CreateStatus/index.jsx
index 127bbb3b8..b1f5a8c0b 100644
--- a/Client/src/Pages/Status/CreateStatus/index.jsx
+++ b/Client/src/Pages/Status/CreateStatus/index.jsx
@@ -1,6 +1,6 @@
 import PropTypes from "prop-types";
 import { useNavigate } from "react-router";
-
+import { useEffect, useState } from "react";
 import { Box, Tab, useTheme } from "@mui/material";
 import TabContext from "@mui/lab/TabContext";
 import TabList from "@mui/lab/TabList";
@@ -9,6 +9,7 @@ import {
 	capitalizeFirstLetter,
 	toLowerCaseFirstLetter,
 } from "../../../Utils/stringUtils";
+import ContentPanel from "../../../Components/TabPanels/Status/ContentPanel";
 
 /**
  * CreateStatus page renders a page with tabs for general settings and contents.
@@ -19,16 +20,25 @@ import {
 const CreateStatus = ({ open = "general-settings" }) => {
 	const theme = useTheme();
 	const navigate = useNavigate();
+	let tabList = ["General Settings", "Contents"];
 	const tab = open
 		.split("-")
 		.map((a) => capitalizeFirstLetter(a))
 		.join(" ");
+
+	const [tabIdx, setTabIdx] = useState(tabList.indexOf(tab));
+
 	const handleTabChange = (event, newTab) => {
 		let toNavString = newTab.split(" ").map((a) => toLowerCaseFirstLetter(a));
+		setTabIdx(tabList.indexOf(newTab));
 		toNavString = toNavString.join("-");
 		navigate(`/status/${toNavString}`);
 	};
-	let tabList = ["General Settings", "Contents"];
+
+	useEffect(() => {
+		setTabIdx(tabList.indexOf(tab));
+	}, [tab]);
+
 	return (
 		<Box
 			className="status"
@@ -74,7 +84,7 @@ const CreateStatus = ({ open = "general-settings" }) => {
 						))}
 					</TabList>
 				</Box>
-				<GeneralSettingsPanel />
+				{tabIdx == 0 ? <GeneralSettingsPanel /> : <ContentPanel />}
 			</TabContext>
 		</Box>
 	);