Skip to content
Snippets Groups Projects
Commit 3ae26baa authored by Tim's avatar Tim
Browse files

close menu when list item is clicked

parent b3ac259e
No related branches found
No related tags found
Loading
...@@ -10,13 +10,17 @@ export default class VerticalMenu extends React.Component { ...@@ -10,13 +10,17 @@ export default class VerticalMenu extends React.Component {
hideValue: React.PropTypes.string, hideValue: React.PropTypes.string,
}; };
closeMenu = (e) => {
document.body.click();
}
render() { render() {
const {items, title, className, hideValue} = this.props; const {items, title, className, hideValue} = this.props;
return <ul className={'VerticalMenu menu vertical' + (className ? ' ' + className : '')}> return <ul className={'VerticalMenu menu vertical' + (className ? ' ' + className : '')}>
{title && <li className="title">{title}</li>} {title && <li className="title">{title}</li>}
{items.map(i => { {items.map(i => {
if(i.value === hideValue) return null if(i.value === hideValue) return null
return <li key={i.value}> return <li key={i.value} onClick={this.closeMenu}>
{i.link ? <Link to={i.link} onClick={i.onClick}> {i.link ? <Link to={i.link} onClick={i.onClick}>
{i.icon && <Icon name={i.icon} />}{i.label ? i.label : i.value} {i.icon && <Icon name={i.icon} />}{i.label ? i.label : i.value}
</Link> : </Link> :
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment