diff options
Diffstat (limited to 'components/navbar.tsx')
| -rw-r--r-- | components/navbar.tsx | 19 |
1 files changed, 8 insertions, 11 deletions
diff --git a/components/navbar.tsx b/components/navbar.tsx index 9286120..318d673 100644 --- a/components/navbar.tsx +++ b/components/navbar.tsx @@ -1,4 +1,4 @@ -import { ReactNode } from 'react'; +import { ReactNode, CSSProperties } from 'react'; import HomeRoundedIcon from '@material-ui/icons/HomeRounded'; import SearchRoundedIcon from '@material-ui/icons/SearchRounded'; @@ -8,18 +8,15 @@ export function NavbarItem(props: { title: string; href?: string; active?: boolean; - chapterIndent?: number; children?: ReactNode; + classList?: Array<string>; + style?: CSSProperties; }) { - return <a href={props.href} className={ - "navbarItem" - + (props.active ? " active" : "") - + (typeof props.chapterIndent !== "undefined" ? " chapter" : "") - + " indentLevel" + (props.chapterIndent || 0) - }> - <div className="inner" style={{ - marginLeft: 12 * props.chapterIndent || 0 - }}> + var classes = props.classList || []; + classes.push("navbarItem"); + props.active && classes.push("active"); + return <a href={props.href} className={classes.join(" ")}> + <div className="inner" style={props.style}> {props.icon} <span>{props.title}</span> </div> |