Proyectos de Subversion LeadersLinked - Antes de SPA

import React, { useEffect, useState } from 'react'
import { getBackendVars } from '../../../services/backendVars'

import NavLinks from './nav-links/NavLinks'
import SearchInput from './searchbox/SearchInput'
import UserImageDropdown from './user-dropdown/UserImageDropdown'

import './styles/main.scss'

const Header = () => {
  const [navigationInfo, setNavigationInfo] = useState(null)
  const [navbarOpen, setNavbarOpen] = useState(false)

  useEffect(() => {
    getBackendVars('/helpers/menu')
      .then((results) => setNavigationInfo(results))
      .catch((err) => {
        console.log(err)
        throw new Error(err)
      })
  }, [])

  return (
    <>
      <nav className="navbar">
        <a href="/" className="logo d-none d-xl-block">
          <img src={navigationInfo?.logoForNavbar} alt="logo" />
        </a>
        <SearchInput />
        <div className="hamburgerIcon">
          <i
            className="fa fa-bars text-gray"
            onClick={() => setNavbarOpen(!navbarOpen)}
          />
        </div>
        <nav className="navLinksContainer">
          <NavLinks
            menuData={navigationInfo?.menu}
            sessionLink={navigationInfo?.routeCheckSession}
          />
        </nav>
        <UserImageDropdown
          image={navigationInfo?.image}
          fullName={navigationInfo?.fullName}
          linkAdmin={navigationInfo?.linkAdmin}
          linkImpersonate={navigationInfo?.linkImpersonate}
        />
      </nav>
    </>
  )
}

export default Header