Docker/portainer
Docker/portainer
1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-08-04 21:35:23 +02:00
Code Issues Releases Activity

feat(sidebar): implement new design [EE-3447] (#7118)

Browse source
This commit is contained in:
Chaim Lev-Ari 2022-06-28 10:42:42 +03:00 • committed by GitHub
parent e5e57978af
commit ed8f9b5931
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
54 changed files with 1928 additions and 857 deletions
Download patch file Download diff file Expand all files Collapse all files

29
app/react/sidebar/SidebarItem/SidebarItem.tsx
View file

@ -1,38 +1,43 @@
import { ReactNode } from 'react';
import { Icon } from 'react-feather';
import { Wrapper } from './Wrapper';
import { Link } from './Link';
import { Menu } from './Menu';
import { Icon } from './Icon';
import { Head } from './Head';
import { getPathsForChildren } from './utils';
type Props = {
iconClass?: string;
interface Props {
icon?: Icon;
to: string;
params?: object;
label: string;
children?: ReactNode;
openOnPaths?: string[];
};
}
export function SidebarItem({
children,
iconClass,
icon,
to,
params,
label,
openOnPaths,
openOnPaths = [],
}: Props) {
const childrenPath = getPathsForChildren(children);
const head = (
<Link to={to} params={params}>
{label}
{iconClass && <Icon iconClass={iconClass} />}
</Link>
<Head
icon={icon}
to={to}
params={params}
label={label}
ignorePaths={childrenPath}
/>
);
return (
<Wrapper label={label}>
{children ? (
<Menu head={head} openOnPaths={openOnPaths}>
<Menu head={head} openOnPaths={[...openOnPaths, ...childrenPath]}>
{children}
</Menu>
) : (