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