Make sidemenu header accept onClick events (#23957)

This commit is contained in:
Dominik Prokop 2020-04-27 20:36:28 +02:00 committed by GitHub
parent 0742dbc9be
commit 594ad77125
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 3 deletions

View File

@ -5,10 +5,11 @@ import { NavModelItem } from '@grafana/data';
interface Props {
link: NavModelItem;
onHeaderClick?: () => void;
}
const SideMenuDropDown: FC<Props> = props => {
const { link } = props;
const { link, onHeaderClick } = props;
let childrenLinks: NavModelItem[] = [];
if (link.children) {
childrenLinks = _.filter(link.children, item => !item.hideFromMenu);
@ -17,7 +18,7 @@ const SideMenuDropDown: FC<Props> = props => {
return (
<ul className="dropdown-menu dropdown-menu--sidemenu" role="menu">
<li className="side-menu-header">
<a className="side-menu-header-link" href={link.url}>
<a className="side-menu-header-link" href={link.url} onClick={onHeaderClick}>
<span className="sidemenu-item-text">{link.text}</span>
</a>
</li>

View File

@ -19,7 +19,7 @@ const TopSectionItem: FC<Props> = props => {
{link.img && <img src={link.img} />}
</span>
</a>
<SideMenuDropDown link={link} />
<SideMenuDropDown link={link} onHeaderClick={onClick} />
</div>
);
};