EN · DE · RU · FR · ES

#2625: TabNavigation.jsx

projectforge-webapp/src/components/base/page/edit/TabNavigation.jsx React-JSX-Komponente (Tab-Navigation), projectforge-webapp/src/components/base/page/edit/TabNavigation.jsx 48 Zeilen · 42 Code · 1 Kommentar · 5 leer
Tab-Navigation für Bearbeitungsseiten (mehrere Formular-Tabs). Rendert Nav-Tabs mit NavItem/NavLink pro Tab. Der aktive Tab wird über die CSS-Klasse style.active hervorgehoben. Verwendet React-Routers navigate(tabLink, { state: location.state }), um den Location-Status – einschließlich des modalen background – beim Wechsel zwischen den Tabs zu erhalten. Akzeptiert ein tabs-Array aus {id, title, link} und die activeTab-ID als Zeichenkette. Importe: classnames, PropTypes, react-router (useNavigate/useLocation), Nav/NavItem/NavLink aus design, Page.module.scss.

Git-Verlauf

05bcb43b9 Modal-Dialog-Behandlung von Verlaufseinträgen korrigiert.
f867698d3 wip: Paketversionen anheben
3685edd6c wip: Upgrade auf React 18
36bfe1dbe Neue React-Version, ESLint von Fin überprüft.
c23bfbdf5 ESLint: Überprüfung mit Fin erforderlich.