Ryan/docmost-ryan
1
0
Fork 0
mirror of https://github.com/Shadowfita/docmost.git synced 2025-11-12 15:52:32 +10:00
Code Issues Packages Projects Releases Wiki Activity

fix active settings path

Browse Source
This commit is contained in:
Philipinho
2024-04-08 13:51:44 +01:00
parent 1a8cb9b397
commit b02cfd02f0
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
apps/client/src/components/layouts/settings/settings-sidebar.tsx
View File

@ -9,7 +9,7 @@ import {
IconUsersGroup,
IconSpaces,
} from "@tabler/icons-react";
import { Link } from "react-router-dom";
import { Link, useLocation } from "react-router-dom";
import classes from "./settings.module.css";
interface DataItem {
@ -52,7 +52,8 @@ const groupedData: DataGroup[] = [
];
export default function SettingsSidebar() {
const [active, setActive] = useState("Profile");
const pathname = useLocation().pathname;
const [active, setActive] = useState(pathname);
const menuItems = groupedData.map((group) => (
<div key={group.heading}>
@ -62,11 +63,11 @@ export default function SettingsSidebar() {
{group.items.map((item) => (
<Link
className={classes.link}
data-active={item.label === active || undefined}
data-active={active.startsWith(item.path) || undefined}
key={item.label}
to={item.path}
onClick={() => {
setActive(item.label);
setActive(item.path);
}}
>
<item.icon className={classes.linkIcon} stroke={2} />