SideNav.tsx•2.35 kB
import {
SideNav,
SideNavItems,
SideNavMenuItem,
} from '@carbon/react';
import { Links } from "../router/links.models";
import { Link } from 'react-router-dom';
interface SideNavComponentProps {
isSideNavExpanded: boolean;
onClickSideNavExpand: () => void;
}
function SideNavComponent({ isSideNavExpanded, onClickSideNavExpand }:SideNavComponentProps) {
return (
<SideNav
aria-label="Side navigation"
expanded={isSideNavExpanded}
isPersistent={false}
onOverlayClick={onClickSideNavExpand}
>
<SideNavItems>
<SideNavMenuItem
element={Link}
to="/home"
onClick={onClickSideNavExpand}
>
Home
</SideNavMenuItem>
<SideNavMenuItem
element={Link}
to="/tools"
onClick={onClickSideNavExpand}
>
Tools
</SideNavMenuItem>
<SideNavMenuItem
element={Link}
to="/resources"
onClick={onClickSideNavExpand}
>
Resources
</SideNavMenuItem>
<SideNavMenuItem
element={Link}
to="/llmchat"
onClick={onClickSideNavExpand}
>
LLMChat
</SideNavMenuItem>
<SideNavMenuItem
element={Link}
to="/capabilities"
onClick={onClickSideNavExpand}
>
Capabilities
</SideNavMenuItem>
<SideNavMenuItem
element={Link}
to="/namespaces"
onClick={onClickSideNavExpand}
>
Namespaces
</SideNavMenuItem>
<SideNavMenuItem
element={Link}
to={Links.Forwards}
onClick={onClickSideNavExpand}
>
Forwards
</SideNavMenuItem>
</SideNavItems>
</SideNav>
);
}
export default SideNavComponent;