Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

import React from 'react';

import BusinessCenter from '@mui/icons-material/BusinessCenter';

import BusinessCenter from '@mui/icons-material/BusinessCenter';

import Chat from '@mui/icons-material/Chat';

import Chat from '@mui/icons-material/Chat';

import Groups from '@mui/icons-material/Groups';

import Groups from '@mui/icons-material/Groups';

import Home from '@mui/icons-material/Home';

import Home from '@mui/icons-material/Home';

import People from '@mui/icons-material/People';

import People from '@mui/icons-material/People';

import School from '@mui/icons-material/School';

import School from '@mui/icons-material/School';

import Sell from '@mui/icons-material/Sell';

import Sell from '@mui/icons-material/Sell';

import HeaderOptions from './navigation-item';

import HeaderOptions from './navigation-item';

import UserOptions from './user-options';

import UserOptions from './user-options';

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

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

const HeaderNavigation = ({

const HeaderNavigation = ({

  routes = [],

  routes = [],

  image = '',

  image = '',

  fullName,

  fullName,

  linkAdmin,

  linkAdmin,

  linkImpersonate,

  linkImpersonate,

  linkKnowledgeArea,

  linkKnowledgeArea,

  routeKnowledgeArea,

  routeKnowledgeArea,

  urlImpersonate,

  urlImpersonate,

  urlAdmin,

  urlAdmin,

  defaultNetwork,

  defaultNetwork,

  notificationsCount,

  notificationsCount,

  messagesCount

  messagesCount

}) => {

}) => {

  return (

  return (

    <nav className='header__right'>

    <nav className='header__right'>

      <ul>

      <ul>

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

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

          return (

          return (

            <HeaderOptions

            <HeaderOptions

              key={index}

              key={index}

              Icon={ICON_OPTIONS[index]}

              Icon={ICON_OPTIONS[index]}

              title={item.label}

              title={item.label}

              url={item.href}

              url={item.href}

              childs={item.childs}

              childs={item.childs}

              ajaxRequest={item.ajax}

              ajaxRequest={item.ajax}

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

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

              count={!routes[index + 1] && (notificationsCount || messagesCount)}

              count={!routes[index + 1] && (notificationsCount || messagesCount)}

            />

            />

          );

          );

        })}

        })}

        <UserOptions

        <UserOptions

          image={image}

          image={image}

          name={fullName}

          name={fullName}

          adminUrl={linkAdmin}

          adminUrl={linkAdmin}

          impersonateUrl={linkImpersonate}

          impersonateUrl={linkImpersonate}

          defaultNetwork={defaultNetwork}

          defaultNetwork={defaultNetwork}

          knowledgeAuth={linkKnowledgeArea}

          knowledgeAuth={linkKnowledgeArea}

          routeKnowledge={routeKnowledgeArea}

          routeKnowledge={routeKnowledgeArea}

          routeAdmin={urlAdmin}

          routeAdmin={urlAdmin}

          routeImpersonate={urlImpersonate}

          routeImpersonate={urlImpersonate}

        />

        />

      </ul>

      </ul>

    </nav>

    </nav>

  );

  );

};

};

export default HeaderNavigation;

export default HeaderNavigation;