yuuza/outline
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Open user menu with a click/tap

Browse Source
This commit is contained in:
Jori Lallo
2016-05-29 11:05:06 -07:00
parent 6af3968634
commit 2dff14bc7b
2 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Layout/components/HeaderMenu/HeaderMenu.js
View File

@@ -21,6 +21,10 @@ class HeaderMenu extends React.Component {
this.setState({ menuVisible: false }); this.setState({ menuVisible: false });
} }
onClick = () => {
this.setState({ menuVisible: !this.state.menuVisible });
}
logout = (event) => { logout = (event) => {
event.preventDefault(); event.preventDefault();
this.props.logout(); this.props.logout();
@@ -33,7 +37,7 @@ class HeaderMenu extends React.Component {
onMouseEnter={ this.onMouseEnter } onMouseEnter={ this.onMouseEnter }
onMouseLeave={ this.onMouseLeave } onMouseLeave={ this.onMouseLeave }
> >
<div className={ styles.content }> <div className={ styles.content } onClick={ this.onClick }>
{ this.props.children } { this.props.children }
</div> </div>

1
src/components/Layout/components/HeaderMenu/HeaderMenu.scss
View File

@@ -4,6 +4,7 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
cursor: pointer;
min-height: 43px; min-height: 43px;
min-width: 43px; min-width: 43px;