Proyectos de Subversion LeadersLinked - Antes de SPA

import React, { useState } from 'react'

import SearchInput from './searchbox/SearchInput'
import UserImageDropdown from './user-dropdown/UserImageDropdown'
import LinkItem from './link-item/LinkItem'

import './styles/main.scss'

const Header = ({ logo, menu, image, name, linkAdmin, linkImpersonate }) => {
  const [navbarOpen, setNavbarOpen] = useState(false)

  return (
    <>
      <nav className="navbar">
        <a href="/" className="logo d-none d-xl-block">
          <img src={logo} alt="logo" />
        </a>
        <SearchInput />
        <div className="hamburgerIcon">
          <i
            className="fa fa-bars text-gray"
            onClick={() => setNavbarOpen(!navbarOpen)}
          />
        </div>
        <nav className="navLinksContainer">
          <ul>
            {[...menu].splice(0, 5).map((item, index) => (
              <LinkItem key={index} {...item} />
            ))}
          </ul>
        </nav>
        <UserImageDropdown
          image={image}
          fullName={name}
          linkAdmin={linkAdmin}
          linkImpersonate={linkImpersonate}
        />
      </nav>
    </>
  )
}

export default Header