From f727b0d413262eef26e23a3d98cd7085805fb4c9 Mon Sep 17 00:00:00 2001
From: abiyasa05 <abiyasap24@gmail.com>
Date: Fri, 15 Nov 2024 13:18:54 +0700
Subject: [PATCH] update: add function for left sidebar

---
 apps/frontend/src/routes/_assessmentLayout.tsx | 7 ++++++-
 apps/frontend/src/routes/_dashboardLayout.tsx  | 7 ++++++-
 apps/frontend/src/routes/_verifyingLayout.tsx  | 7 ++++++-
 3 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/apps/frontend/src/routes/_assessmentLayout.tsx b/apps/frontend/src/routes/_assessmentLayout.tsx
index eda20d9..3bbad5c 100644
--- a/apps/frontend/src/routes/_assessmentLayout.tsx
+++ b/apps/frontend/src/routes/_assessmentLayout.tsx
@@ -40,14 +40,19 @@ function AssessmentLayout() {
   });
 
   const [openNavbar, setNavbarOpen] = useState(true);
+  const [isLeftSidebarOpen, setIsLeftSidebarOpen] = useState(false);
   const toggle = () => {
     setNavbarOpen(!openNavbar);
   };
 
+  const toggleLeftSidebar = () => {
+    setIsLeftSidebarOpen(!isLeftSidebarOpen);
+  };
+
   return isAuthenticated ? (
     <div className="flex flex-col w-full h-screen overflow-hidden">
       {/* Header */}
-      <AppHeader toggle={toggle} openNavbar={openNavbar} />
+      <AppHeader toggle={toggle} openNavbar={openNavbar} toggleLeftSidebar={toggleLeftSidebar} />
 
       {/* Main Content Area */}
       <div className="flex h-full w-screen overflow-hidden">
diff --git a/apps/frontend/src/routes/_dashboardLayout.tsx b/apps/frontend/src/routes/_dashboardLayout.tsx
index 5581aeb..d50a3fa 100644
--- a/apps/frontend/src/routes/_dashboardLayout.tsx
+++ b/apps/frontend/src/routes/_dashboardLayout.tsx
@@ -40,14 +40,19 @@ function DashboardLayout() {
   });
 
   const [openNavbar, setNavbarOpen] = useState(true);
+  const [isLeftSidebarOpen, setIsLeftSidebarOpen] = useState(false);
   const toggle = () => {
     setNavbarOpen(!openNavbar);
   };
 
+  const toggleLeftSidebar = () => {
+    setIsLeftSidebarOpen(!isLeftSidebarOpen);
+  };
+
   return isAuthenticated ? (
     <div className="flex flex-col w-full h-screen overflow-hidden">
       {/* Header */}
-      <AppHeader toggle={toggle} openNavbar={openNavbar} />
+      <AppHeader toggle={toggle} openNavbar={openNavbar} toggleLeftSidebar={toggleLeftSidebar} />
 
       {/* Main Content Area */}
       <div className="flex h-full w-screen overflow-hidden">
diff --git a/apps/frontend/src/routes/_verifyingLayout.tsx b/apps/frontend/src/routes/_verifyingLayout.tsx
index c3ec490..31de8e6 100644
--- a/apps/frontend/src/routes/_verifyingLayout.tsx
+++ b/apps/frontend/src/routes/_verifyingLayout.tsx
@@ -40,14 +40,19 @@ function VerifyingLayout() {
   });
 
   const [openNavbar, setNavbarOpen] = useState(true);
+  const [isLeftSidebarOpen, setIsLeftSidebarOpen] = useState(false);
   const toggle = () => {
     setNavbarOpen(!openNavbar);
   };
 
+  const toggleLeftSidebar = () => {
+    setIsLeftSidebarOpen(!isLeftSidebarOpen);
+  };
+
   return isAuthenticated ? (
     <div className="flex flex-col w-full h-screen overflow-hidden">
       {/* Header */}
-      <AppHeader toggle={toggle} openNavbar={openNavbar} />
+      <AppHeader toggle={toggle} openNavbar={openNavbar} toggleLeftSidebar={toggleLeftSidebar} />
 
       {/* Main Content Area */}
       <div className="flex h-full w-screen overflow-hidden">