Proyectos de Subversion LeadersLinked - Antes de SPA

import React, { useEffect, useState } from 'react'

import NavLinks from './nav-links/NavLinks'

import UserImageDropdown from './user-dropdown/UserImageDropdown'

import SearchInput from './searchbox/SearchInput'

import ResponsiveNavbar from './responsive-navbar/ResponsiveNavbar'

import { getBackendVars } from '../../../services/backendVars'

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>

      <ResponsiveNavbar

        show={navbarOpen}

        navbarVars={navigationInfo || {}}

        companyVars={navigationInfo?.companyVars}

        image={''}

        fullName={navigationInfo?.fullName}

        linkAdmin={navigationInfo?.linkAdmin}

        linkImpersonate={navigationInfo?.linkImpersonate}

      />

    </>

  )

}

export default Header