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