Newer
Older
import { NavLink } from 'react-router-dom'
import { useAuth } from '../../hooks/useAuth'
import { UserContext } from '../../hooks/userContext'
import { routes } from '../Routes/Router'
import './bottombar.scss'
const { user } = useContext(UserContext)
const { logoutUser } = useAuth()
<div className="navbar">
<div className="menu-list">
(!route.adminOnly || user?.isAdmin) && (
<NavLink
key={route.label}
to={route.path}
activeClassName="active"
>
{route.label}
</NavLink>
)
)}
{process.env.NODE_ENV === 'development' && (
<a href="/doc/" target="_blank">
Swagger doc
</a>
)}
{user && (
<button className="btnValid logButton" onClick={logoutUser}>
Logout
</button>
)}