Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */

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

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

import ChatHelper from '../../../chat/chatHelper/ChatHelper'

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

import SearchInput from './searchbox/SearchInput'

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

import { useDispatch } from 'react-redux'

import { setIntlLabels } from '../../../redux/intl/intl.action'

const Navbar = ({ navbarVars, labels }) => {

  const {

    image,

    fullName,

    companyVars,

    isChatPage,

    linkAdmin,

    linkImpersonate,

    routeCheckSession,

    logoForNavbar,

    menu: menuProps

  } = navbarVars

  const [navbarOpen, setNavbarOpen] = useState(false)

  const [sessionImage, setSessionImage] = useState(null)

  const [loading, setLoading] = useState(false)

  const dispatch = useDispatch()

  useEffect(() => {

    dispatch(setIntlLabels(labels))

  }, [])

  useEffect(() => {

    let timer

    if (!loading) {

      timer = setTimeout(() => checkSessionImage(), 1000)

    }

    return () => {

      clearTimeout(timer)

    }

  }, [loading])

  const checkSessionImage = async () => {

    setLoading(true)

    const session_image = sessionStorage.getItem('user_session_image')

    if (session_image) {

      await setSessionImage(session_image)

      sessionStorage.removeItem('user_session_image')

    }

    setLoading(false)

  }

  return (

    <>

      <nav className='navbar'>

        <a href="/" className='logo d-none d-xl-block'>

          <img src={logoForNavbar} alt="logo" />

        </a>

        <SearchInput />

        <div className='hamburgerIcon'>

          <i className="fa fa-bars text-gray" onClick={() => setNavbarOpen(!navbarOpen)} />

        </div>

        <nav className='navLinksContainer'>

          <NavLinks

            menuData={menuProps}

            companyVars={companyVars}

            sessionLink={routeCheckSession}

          />

        </nav>

        <UserImageDropdown

          image={image}

          fullName={fullName}

          linkAdmin={linkAdmin}

          linkImpersonate={linkImpersonate}

          sessionImage={sessionImage}

        />

      </nav>

      <ResponsiveNavbar

        show={navbarOpen}

        navbarVars={navbarVars}

        companyVars={companyVars}

        image={image}

        fullName={fullName}

        linkAdmin={linkAdmin}

        linkImpersonate={linkImpersonate}

        sessionImage={sessionImage}

      />

      {window.innerWidth < 1000 && !isChatPage && <ChatHelper />}

    </>

  )

}

export default Navbar