Skip to content
Snippets Groups Projects
BottomBar.tsx 1.15 KiB
Newer Older
  • Learn to ignore specific revisions
  • import React, { useContext } from 'react'
    
    import { NavLink } from 'react-router-dom'
    
    import { useAuth } from '../../hooks/useAuth'
    
    Bastien DUMONT's avatar
    Bastien DUMONT committed
    import { UserContext } from '../../hooks/userContext'
    
    Bastien DUMONT's avatar
    Bastien DUMONT committed
    import { routes } from '../Routes/Router'
    import './bottombar.scss'
    
    Bastien DUMONT's avatar
    Bastien DUMONT committed
    const BottomBar: React.FC = () => {
    
      const { user } = useContext(UserContext)
      const { logoutUser } = useAuth()
    
        <div className="navbar">
          <div className="menu-list">
    
            {user &&
              routes.map(
    
    Bastien DUMONT's avatar
    Bastien DUMONT committed
                route =>
    
                  (!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>
          )}
    
    Bastien DUMONT's avatar
    Bastien DUMONT committed
    export default BottomBar