p5.js-web-editor/client/components/Nav.js

38 lines
980 B
JavaScript
Raw Normal View History

2016-06-23 22:29:55 +00:00
import React from 'react';
import { Link } from 'react-router';
class Nav extends React.Component {
render() {
return (
<nav className="nav">
<ul className="nav__items-left">
<li className="nav__item">
<p
className="nav__new"
onClick={this.props.createProject}
>
New
</p>
</li>
<li className="nav__item">
<p
className="nav__save"
onClick={this.props.saveProject}
>
Save
</p>
</li>
</ul>
<ul className="nav__items-right">
<li className="nav__item">
{this.props.user.authenticated && <p>Hello, {this.props.user.username}!</p>}
2016-06-24 18:03:32 +00:00
{!this.props.user.authenticated && <p><Link to="/login">Login</Link> or <Link to="/signup">Sign Up</Link></p>}
2016-06-23 22:29:55 +00:00
</li>
</ul>
</nav>
);
}
}
export default Nav;