IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Make sidemenu header accept onClick events (#23957)

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
public/app/core/components/sidemenu/SideMenuDropDown.tsx
View File

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

2
public/app/core/components/sidemenu/TopSectionItem.tsx
View File

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