Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/jsx-key */
import React, { useState } from 'react'
import { HiOutlineTag } from 'react-icons/hi'

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

import './styles/main.scss'

const ICON_OPTIONS = [
  <img src="/images/icons/home.png" className="img-icon lg" />,
  <img src="/images/icons/conecctions.png" className="img-icon lg" />,
  <img src="/images/icons/company.png" className="img-icon lg" />,
  <img src="/images/icons/groups.png" className="img-icon lg" />,
  <HiOutlineTag />,
]

const Header = ({
  logo,
  menu,
  image,
  name,
  country,
  description,
  visits,
  connections,
  linkAdmin,
  linkImpersonate,
}) => {
  const [isShow, setIsShow] = useState(false)

  const toggleMenu = () => {
    setIsShow((prevIsShow) => !prevIsShow)
  }

  const closeMenu = () => {
    setIsShow(false)
  }

  return (
    <>
      <header className="main-header">
        <a href="/" className="logo">
          <img src={logo} alt="Company logo" />
        </a>
        <SearchInput />
        <div className="hamburgerIcon d-xl-none">
          <i className="fa fa-bars text-gray" onClick={toggleMenu} />
        </div>
        <nav className="header-navigation">
          <ul>
            {menu?.map((item, index) => (
              <li key={index}>
                <LinkItem {...item} icon={ICON_OPTIONS[index]} />
              </li>
            ))}
          </ul>
        </nav>
        <UserImageDropdown
          image={image}
          fullName={name}
          linkAdmin={linkAdmin}
          linkImpersonate={linkImpersonate}
        />
      </header>
      <ResponsiveNavbar
        show={isShow}
        toggleMenu={closeMenu}
        name={name}
        image={image}
        visits={visits}
        country={country}
        description={description}
        connections={connections}
        linkAdmin={linkAdmin}
        linkImpersonate={linkImpersonate}
      />
    </>
  )
}

export default Header