components_header_index.jsx

import { Link } from 'react-router-dom'
import logo from '../../assets/logo-sportsee.svg'
import '../../utils/style/_header.scss'
import { userId } from '../../utils/data/config' // ============== Remove for real user

/**
 * Component that displays the header (logo and main top navbar menu)\
 * No props
 *
 * @namespace
 * @component
 * @author  Pierre-Yves Léglise <pleglise@pm.me>
 * @example
 * return{
 *  <Header />
 * }
 * @returns {JSX.Element}   A JSX element containing the Header (logo and main top navbar menu)
 */
function Header() {
  return (
    <header className="headerContainer">
      <Link to="/">
        <img className="headerLogo" src={logo} alt="SportSee Logo" />
      </Link>
      <nav className="headerNavigation">
        <Link to="/" state={{ pageName: 'Accueil' }}>
          Accueil
        </Link>
        <Link to={{ pathname: '/user/' + userId }}>Profil</Link>
        <Link to="/" state={{ pageName: 'Réglages' }}>
          Réglages
        </Link>
        <Link to="/" state={{ pageName: 'Communauté' }}>
          Communauté
        </Link>
      </nav>
    </header>
  )
}

export default Header