update: add function for left sidebar

This commit is contained in:
abiyasa05 2024-11-15 13:18:54 +07:00
parent 0cad4e7ce9
commit f727b0d413
3 changed files with 18 additions and 3 deletions

View File

@ -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">

View File

@ -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">

View File

@ -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">