Proyectos de Subversion LeadersLinked - SPA

import React from 'react'

import {

  BusinessCenter,

  Chat,

  Groups,

  Home,

  People,

  School,

  Sell

} from '@mui/icons-material'

import HeaderOptions from './navigation-item'

import UserOptions from './user-options'

const ICON_OPTIONS = [Home, People, BusinessCenter, Groups, Sell, Chat, School]

const HeaderNavigation = ({

  routes = [],

  image = '',

  fullName,

  linkAdmin,

  linkImpersonate,

  linkKnowledgeArea,

  routeKnowledgeArea,

  urlImpersonate,

  urlAdmin,

  defaultNetwork,

  notificationsCount,

  messagesCount

}) => {

  return (

    <nav className='header__right'>

      <ul>

        {routes.map((item, index) => {

          return (

            <HeaderOptions

              key={index}

              Icon={ICON_OPTIONS[index]}

              title={item.label}

              url={item.href}

              childs={item.childs}

              ajaxRequest={item.ajax}

              isMobile={['Conocimiento', 'Comunicación'].includes(item.label)}

              count={

                !routes[index + 1] && (notificationsCount || messagesCount)

              }

            />

          )

        })}

        <UserOptions

          image={image}

          name={fullName}

          adminUrl={linkAdmin}

          impersonateUrl={linkImpersonate}

          defaultNetwork={defaultNetwork}

          knowledgeAuth={linkKnowledgeArea}

          routeKnowledge={routeKnowledgeArea}

          routeAdmin={urlAdmin}

          routeImpersonate={urlImpersonate}

        />

      </ul>

    </nav>

  )

}

export default HeaderNavigation