started layout adjusting

src/context/GeneralLayoutContext.jsx

@@ -14,6 +14,20 @@ export default function GeneralLayoutContext({children}) {
 
     const [logoutModal, setLogoutModal] = useState(false)  // USE TO SHOW LOGOUT MODAL BOX
 
+    const [activeMenu, setActiveMenu] = useState('')
+
+    const [shrinkAside, setShrinkAside] = useState(false)
+
+    const [showAsideDrawer, setShowAsideDrawer] = useState(false)
+
+    const handleActiveMenu = (name) => {
+        if(activeMenu == name){
+            setActiveMenu('')
+        }else{
+            setActiveMenu(name)
+        }
+    }
+
     const handleDrawer = (drawerToOpen) => {  // FUNCTION TO DETERMINE WHICH ASIDE DRAWER TO SHOW
       setDrawer((prev)=>{
         if(!prev){
@@ -42,6 +56,10 @@ export default function GeneralLayoutContext({children}) {
       setAlertBox(valObj)
     }
 
+    const handleTheme = () => {
+      setTheme(theme === "dark" ? "light" : "dark");
+  }
+
     useEffect(() => {
         if (window.matchMedia("(prefers-color-scheme: dark)").matches) {
           setTheme("dark");
@@ -58,11 +76,27 @@ export default function GeneralLayoutContext({children}) {
         }
       }, [theme]);
 
-    const handleTheme = () => {
-        setTheme(theme === "dark" ? "light" : "dark");
-    }
+    useEffect(()=>{
+      window.addEventListener('resize', ()=>{
+          setShrinkAside(false)
+          setShowAsideDrawer(false)
+      })
+      return () => window.removeEventListener('resize', window.addEventListener('resize', ()=>{
+          setShrinkAside(false)
+          setShowAsideDrawer(false)
+      }))
+  },[])
 
-    let value = {theme, handleTheme, drawer, handleDrawer, booking, handleBooking, alertBox, handleAlertBox, logoutModal, setLogoutModal}
+    let value = {
+        theme, handleTheme, 
+        activeMenu, handleActiveMenu, 
+        drawer, handleDrawer, 
+        booking, handleBooking, 
+        alertBox, handleAlertBox, 
+        logoutModal, setLogoutModal,
+        shrinkAside, setShrinkAside,
+        showAsideDrawer, setShowAsideDrawer
+      }
     
   return (
     <GeneralContextProvider.Provider value={value}>