gitea/amati
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update: add function for left sidebar

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
apps/frontend/src/routes/_assessmentLayout.tsx
View File

@ -40,14 +40,19 @@ function AssessmentLayout() {
}); });
const [openNavbar, setNavbarOpen] = useState(true); const [openNavbar, setNavbarOpen] = useState(true);
const [isLeftSidebarOpen, setIsLeftSidebarOpen] = useState(false);
const toggle = () => { const toggle = () => {
setNavbarOpen(!openNavbar); setNavbarOpen(!openNavbar);
}; };
const toggleLeftSidebar = () => {
setIsLeftSidebarOpen(!isLeftSidebarOpen);
};
return isAuthenticated ? ( return isAuthenticated ? (
<div className="flex flex-col w-full h-screen overflow-hidden"> <div className="flex flex-col w-full h-screen overflow-hidden">
{/* Header */} {/* Header */}
<AppHeader toggle={toggle} openNavbar={openNavbar} /> <AppHeader toggle={toggle} openNavbar={openNavbar} toggleLeftSidebar={toggleLeftSidebar} />
{/* Main Content Area */} {/* Main Content Area */}
<div className="flex h-full w-screen overflow-hidden"> <div className="flex h-full w-screen overflow-hidden">

7
apps/frontend/src/routes/_dashboardLayout.tsx
View File

@ -40,14 +40,19 @@ function DashboardLayout() {
}); });
const [openNavbar, setNavbarOpen] = useState(true); const [openNavbar, setNavbarOpen] = useState(true);
const [isLeftSidebarOpen, setIsLeftSidebarOpen] = useState(false);
const toggle = () => { const toggle = () => {
setNavbarOpen(!openNavbar); setNavbarOpen(!openNavbar);
}; };
const toggleLeftSidebar = () => {
setIsLeftSidebarOpen(!isLeftSidebarOpen);
};
return isAuthenticated ? ( return isAuthenticated ? (
<div className="flex flex-col w-full h-screen overflow-hidden"> <div className="flex flex-col w-full h-screen overflow-hidden">
{/* Header */} {/* Header */}
<AppHeader toggle={toggle} openNavbar={openNavbar} /> <AppHeader toggle={toggle} openNavbar={openNavbar} toggleLeftSidebar={toggleLeftSidebar} />
{/* Main Content Area */} {/* Main Content Area */}
<div className="flex h-full w-screen overflow-hidden"> <div className="flex h-full w-screen overflow-hidden">

7
apps/frontend/src/routes/_verifyingLayout.tsx
View File

@ -40,14 +40,19 @@ function VerifyingLayout() {
}); });
const [openNavbar, setNavbarOpen] = useState(true); const [openNavbar, setNavbarOpen] = useState(true);
const [isLeftSidebarOpen, setIsLeftSidebarOpen] = useState(false);
const toggle = () => { const toggle = () => {
setNavbarOpen(!openNavbar); setNavbarOpen(!openNavbar);
}; };
const toggleLeftSidebar = () => {
setIsLeftSidebarOpen(!isLeftSidebarOpen);
};
return isAuthenticated ? ( return isAuthenticated ? (
<div className="flex flex-col w-full h-screen overflow-hidden"> <div className="flex flex-col w-full h-screen overflow-hidden">
{/* Header */} {/* Header */}
<AppHeader toggle={toggle} openNavbar={openNavbar} /> <AppHeader toggle={toggle} openNavbar={openNavbar} toggleLeftSidebar={toggleLeftSidebar} />
{/* Main Content Area */} {/* Main Content Area */}
<div className="flex h-full w-screen overflow-hidden"> <div className="flex h-full w-screen overflow-hidden">