EN · DE · RU · FR · ES

#2617: GlobalNavigation.jsx

projectforge-webapp/src/components/base/navigation/GlobalNavigation.jsx Componente React JSX (Navegación global superior), projectforge-webapp/src/components/base/navigation/GlobalNavigation.jsx 61 líneas · 54 código · 0 comentarios · 7 en blanco
Barra de navegación adaptable de nivel superior. Usa el store de Redux (state.menu): mainMenu, favoritesMenu, myAccountMenu, badge. Despacha loadMenu() al montarse mediante useEffect. Móvil: se alterna mediante NavbarToggler + Collapse de Bootstrap. Renderiza tres secciones: CategoriesDropdown (categorías del menú principal con desplegable), Navigation (barra de favoritos, alineación me-auto), Navigation (mi cuenta, alineado a la derecha ml-auto text-nowrap). Cada sección se renderiza solo cuando los datos no están vacíos. Estilizado mediante Navigation.module.scss. Importaciones: useSelector/useDispatch de react-redux, Collapse/Navbar/NavbarToggler desde design, CategoriesDropdown, Navigation, módulo SCSS.

Historial Git

e67067aa7 Migrar react-redux connect() a hooks (useSelector/useDispatch)
7c88abd0f wip: elevar dependencias
3685edd6c wip: elevar a react 18
2f659535f el menú derecho (mi cuenta, etc.) ahora está etiquetado como right para una correcta alineación y espacios.
bbd81edc3 es-lint, nuevas versiones de js.