81 lines
2.1 KiB
React
Raw Normal View History

2017-12-17 12:27:07 +01:00
import React from 'react'
import { connect } from 'react-redux'
import { Link } from 'react-router-dom'
2017-12-17 12:27:07 +01:00
function NavBar (props) {
return (
2017-12-17 12:27:07 +01:00
<header>
<nav className="navbar navbar-expand-lg navbar-light bg-light">
<span className="navbar-brand">mpwo</span>
<button
className="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span className="navbar-toggler-icon" />
</button>
<div className="collapse navbar-collapse" id="navbarSupportedContent">
<ul className="navbar-nav mr-auto">
<li className="nav-item">
<Link
className="nav-link"
to={{
pathname: '/',
}}
>
Home
</Link>
2017-12-17 12:27:07 +01:00
</li>
{!props.user.isAuthenticated && (
<li className="nav-item">
<Link
className="nav-link"
to={{
pathname: '/login',
}}
>
Login
</Link>
</li>
)}
{!props.user.isAuthenticated && (
<li className="nav-item">
<Link
className="nav-link"
to={{
pathname: '/register',
}}
>
Register
</Link>
</li>
)}
{props.user.isAuthenticated && (
<li className="nav-item">
<Link
className="nav-link"
to={{
pathname: '/logout',
}}
>
Logout
</Link>
</li>
)}
2017-12-17 12:27:07 +01:00
</ul>
</div>
</nav>
</header>
)
2017-12-17 12:27:07 +01:00
}
export default connect(
state => ({
user: state.user,
})
)(NavBar)