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