Proyectos de Subversion LeadersLinked - SPA

import React from 'react';
import BusinessCenter from '@mui/icons-material/BusinessCenter';
import Chat from '@mui/icons-material/Chat';
import Groups from '@mui/icons-material/Groups';
import Home from '@mui/icons-material/Home';
import People from '@mui/icons-material/People';
import School from '@mui/icons-material/School';
import Sell from '@mui/icons-material/Sell';

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;