scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-22 23:27:54 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Merge pull request #34 from rschamp/bugfix/navigation-quirks

Browse source 
Fix navigation quirks
This commit is contained in:
Ray Schamp 2015-10-08 10:46:49 -06:00
commit d457897971
1 changed files with 19 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
src/components/navigation/navigation.jsx
View file

@ -26,9 +26,17 @@ module.exports = React.createClass({
'accountNavOpen': false
};
},
componentDidUpdate: function (prevProps, prevState) {
if (prevState.session.user != this.state.session.user) {
this.setState({
'loginOpen': false,
'accountNavOpen': false
});
}
},
handleLoginClick: function (e) {
e.preventDefault();
this.setState({'loginOpen': true});
this.setState({'loginOpen': !this.state.loginOpen});
},
closeLogin: function () {
this.setState({'loginOpen': false});
@ -53,7 +61,8 @@ module.exports = React.createClass({
}
}.bind(this));
},
handleLogOut: function () {
handleLogOut: function (e) {
e.preventDefault();
xhr({
host: '',
uri: '/accounts/logout/'
@ -66,7 +75,8 @@ module.exports = React.createClass({
}
}.bind(this));
},
handleClickAccountNav: function () {
handleAccountNavClick: function (e) {
e.preventDefault();
this.setState({'accountNavOpen': true});
},
closeAccountNav: function () {
@ -83,7 +93,7 @@ module.exports = React.createClass({
<li className="logo"><a href="/"></a></li>
<li className="link"><a href="/projects/editor">Create</a></li>
<li className="link"><a href="/explore">Explore</a></li>
<li className="link"><a href="/explore?date=this_month">Explore</a></li>
<li className="link"><a href="/discuss">Discuss</a></li>
<li className="link"><a href="/about">About</a></li>
<li className="link"><a href="/help">Help</a></li>
@ -104,7 +114,7 @@ module.exports = React.createClass({
<a href="/mystuff/" title="My Stuff">My Stuff</a>
</li>,
<li className="link right account-nav" key="account-nav">
<a className="userInfo" href="#" onClick={this.handleClickAccountNav}>
<a className="userInfo" href="#" onClick={this.handleAccountNavClick}>
<Avatar src={this.state.session.user.thumbnailUrl} />
{this.state.session.user.username}
</a>
@ -123,7 +133,10 @@ module.exports = React.createClass({
] : [
<li className="link right join" key="join"><a href="/join">Join Scratch</a></li>,
<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
className="login-dropdown with-arrow"
isOpen={this.state.loginOpen}