Tidy Login buttons and add API_URL env var

This commit is contained in:
Daniel Mason 2021-03-27 17:05:05 +13:00
parent fc1d6fc567
commit c9c6946891
9 changed files with 30 additions and 82 deletions

View file

@ -28,11 +28,17 @@ class Navigation extends Component {
render() {
const activeStyle = { color: '#FFFFFF' };
const renderAuthButton = () => {
const renderAuthButtons = () => {
if (this.state.isLoggedIn) {
return <Link to="/" className="navLink" onClick={this.toggleLogin.bind(this)}>Logout</Link>;
return <div className="navLinkLogin">
<Link to="/profile" className="navLink">Profile</Link>
<Link to="/" className="navLink" onClick={this.toggleLogin.bind(this)}>Logout</Link>
</div>;
} else {
return <Link to="/login" className="navLink">Login</Link>;
return <div className="navLinkLogin">
<Link to="/login" className="navLink">Login</Link>
<Link to="/register" className="navLink">Register</Link>
</div>;
}
}
@ -51,7 +57,7 @@ class Navigation extends Component {
{menuItem}
</Link>
)}
{renderAuthButton()}
{renderAuthButtons()}
</Navbar>
</div>
);