#2617: GlobalNavigation.jsx
projectforge-webapp/src/components/base/navigation/GlobalNavigation.jsx React JSX Component (Global Top Navigation), projectforge-webapp/src/components/base/navigation/GlobalNavigation.jsx 61 lines · 54 code · 0 comments · 7 blank
Top-level responsive navigation bar. Uses Redux store (state.menu): mainMenu, favoritesMenu, myAccountMenu, badge. Dispatches loadMenu() on mount via useEffect. Mobile: toggled via NavbarToggler + Bootstrap Collapse. Renders three sections: CategoriesDropdown (main menu categories with flyout), Navigation (favorites bar, me-auto alignment), Navigation (my account, ml-auto text-nowrap right-aligned). Each section renders only when data is non-empty. Styled via Navigation.module.scss. Imports: react-redux useSelector/useDispatch, Collapse/Navbar/NavbarToggler from design, CategoriesDropdown, Navigation, SCSS module.
Git History
e67067aa7 Migrate react-redux connect() to hooks (useSelector/useDispatch)
7c88abd0f wip lift dependencies
3685edd6c lift to react 18 wip
2f659535f right menu (my account etc.) is now tagged as right for proper alignment and spaces.
bbd81edc3 es-lint, new js versions.