Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

import { useSelector } from 'react-redux';

import { NavigationMenu } from '@shared/components';

const AccountNavigationMenu = ({ basePath, customItems = [] }) => {

  const { defaultNetwork } = useSelector(({ auth }) => auth);

  return (

    <NavigationMenu basePath={basePath} title='Configuración de la cuenta'>

      <NavigationMenu.Item path='' label='Básica' />

      <NavigationMenu.Item path='/notifications' label='Notificaciones' />

      <NavigationMenu.Item path='/change-password' label='Cambiar clave' />

      <NavigationMenu.Item path='/change-image' label='Cambiar imagen' />

      <NavigationMenu.Item path='/location' label='Ubicación' />

      {/* Items personalizados */}

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

        <NavigationMenu.Item

          key={`custom-${index}`}

          path={item.path || ''}

          label={item.label || ''}

          isActive={item.isActive || false}

          disabled={item.disabled || false}

          style={item.style}

          linkProps={item.linkProps}

        />

      ))}

      {/* Items condicionales de red */}

      {defaultNetwork === 'y' && (

        <>

          <NavigationMenu.Item path='/privacy' label='Privacidad' />

          <NavigationMenu.Item path='/close-account' label='Cerrar cuenta' />

        </>

      )}

    </NavigationMenu>

  );

};

export { AccountNavigationMenu };