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

update: revision navbar for disable sidebar on assessment

Browse Source
This commit is contained in:
abiyasa05 2024-10-10 15:27:35 +07:00
parent f86b69769d
commit 68a3bbd3cc
1 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/frontend/src/components/AppNavbar.tsx
View File

@ -59,6 +59,12 @@ export default function AppNavbar() {
} }
}; };
useEffect(() => {
if (pathname === "/assessment"){
setSidebarOpen(false);
}
})
return ( return (
<> <>
<div> <div>
@ -66,6 +72,7 @@ export default function AppNavbar() {
<AppHeader toggle={toggleSidebar} openNavbar={isSidebarOpen} /> <AppHeader toggle={toggleSidebar} openNavbar={isSidebarOpen} />
{/* Sidebar */} {/* Sidebar */}
{pathname !== "/assessment" && (
<div <div
className={`fixed lg:relative w-64 bg-white top-16 left-0 h-full z-40 px-3 py-4 transition-transform border-x className={`fixed lg:relative w-64 bg-white top-16 left-0 h-full z-40 px-3 py-4 transition-transform border-x
${isSidebarOpen ? 'translate-x-0' : '-translate-x-full'}`} ${isSidebarOpen ? 'translate-x-0' : '-translate-x-full'}`}
@ -81,6 +88,7 @@ export default function AppNavbar() {
))} ))}
</ScrollArea> </ScrollArea>
</div> </div>
)}
</div> </div>
</> </>
); );