louis/oktopus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(frontend): side-nav show what tab the user is in

Browse Source
This commit is contained in:
leandrofars 2024-06-09 14:30:17 -03:00
parent ed0deed5a3
commit fa047e5e51
1 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/src/layouts/dashboard/side-nav.js
View File

@ -24,6 +24,19 @@ export const SideNav = (props) => {
const pathname = usePathname();
const lgUp = useMediaQuery((theme) => theme.breakpoints.up('lg'));
const isItemActive = (currentPath, itemPath) => {
if (currentPath === itemPath) {
return true;
}
if (currentPath.includes(itemPath) && itemPath !== '/') {
return true;
}
return false;
//TODO: test frontend with color of the landing page
}
const content = (
<Scrollbar
sx={{
@ -100,7 +113,7 @@ export const SideNav = (props) => {
}}
>
{items.map((item) => {
const active = item.path ? (pathname === item.path) : false;
const active = isItemActive(pathname, item.path);
return (
<SideNavItem