EN · DE · RU · FR · ES

#2617: GlobalNavigation.jsx

projectforge-webapp/src/components/base/navigation/GlobalNavigation.jsx React-JSX-Komponente (Globale obere Navigation), projectforge-webapp/src/components/base/navigation/GlobalNavigation.jsx 61 Zeilen · 54 Code · 0 Kommentare · 7 Leerzeilen
Responsive Navigationsleiste auf oberster Ebene. Verwendet den Redux-Store (state.menu): mainMenu, favoritesMenu, myAccountMenu, badge. Sendet loadMenu() beim Einhängen per useEffect. Mobil: umschaltbar über NavbarToggler + Bootstrap Collapse. Rendert drei Abschnitte: CategoriesDropdown (Hauptmenükategorien mit Ausklappmenü), Navigation (Favoritenleiste, me-auto-Ausrichtung), Navigation (Mein Konto, ml-auto text-nowrap rechtsbündig). Jeder Abschnitt wird nur gerendert, wenn Daten vorhanden sind. Gestaltet über Navigation.module.scss. Importe: react-redux useSelector/useDispatch, Collapse/Navbar/NavbarToggler aus dem Design, CategoriesDropdown, Navigation, SCSS-Modul.

Git-Verlauf

e67067aa7 Migration von react-redux connect() zu Hooks (useSelector/useDispatch)
7c88abd0f wip Abhängigkeiten anheben
3685edd6c Anhebung auf React 18 wip
2f659535f Rechtes Menü (Mein Konto usw.) ist jetzt als rechts markiert für korrekte Ausrichtung und Abstände.
bbd81edc3 es-lint, neue JS-Versionen.