Fix GH-21: toggle dropdown when clicking Sign in

This commit is contained in:
Ray Schamp 2015-10-07 22:26:57 -04:00
parent 4e38c1a050
commit 3d7f5ee66b

View file

@ -36,7 +36,7 @@ module.exports = React.createClass({
}, },
handleLoginClick: function (e) { handleLoginClick: function (e) {
e.preventDefault(); e.preventDefault();
this.setState({'loginOpen': true}); this.setState({'loginOpen': !this.state.loginOpen});
}, },
closeLogin: function () { closeLogin: function () {
this.setState({'loginOpen': false}); this.setState({'loginOpen': false});
@ -129,7 +129,10 @@ module.exports = React.createClass({
] : [ ] : [
<li className="link right join" key="join"><a href="/join">Join Scratch</a></li>, <li className="link right join" key="join"><a href="/join">Join Scratch</a></li>,
<li className="link right" key="login"> <li className="link right" key="login">
<a href="#" onClick={this.handleLoginClick}>Sign In</a> <a
href="#"
onClick={this.handleLoginClick}
className="ignore-react-onclickoutside">Sign In</a>
<Dropdown <Dropdown
className="login-dropdown with-arrow" className="login-dropdown with-arrow"
isOpen={this.state.loginOpen} isOpen={this.state.loginOpen}