#2620: MenuBadge.jsx
projectforge-webapp/src/components/base/navigation/categories-dropdown/MenuBadge.jsx React JSX-Komponente (Menü-Zähler-Badge), projectforge-webapp/src/components/base/navigation/categories-dropdown/MenuBadge.jsx 51 Zeilen · 47 Code · 0 Kommentare · 4 leer
Wiederverwendbare Badge-Komponente für Navigationsmenü-Zähler (ausstehende Aufgaben, ungelesene Benachrichtigungen usw.). Rendert eine farbige Kapsel <span> mit CSS-Klassen aus Navigation.module.scss: .badge (Basis-Kapsel-Styling), .isFlying (absolut positionierte, animierte Variante mit Skalierungstransformation), Farbklasse (z. B. .danger für Rot). Eindeutige DOM-ID über elementKey (menu-badge-{elementKey}) ermöglicht optionales UncontrolledTooltip bei Hover. Children akzeptiert Zeichenkette oder Zahl. Props: elementKey (erforderlich), color (Standard danger), isFlying (bool), tooltip (Zeichenkette). Importe: classnames, PropTypes, colorPropType, UncontrolledTooltip aus design, SCSS-Modul.
Git-Verlauf
3685edd6c Lift auf React 18 WIP
36bfe1dbe Neue React-Version, ESLint von Fin geprüft.
c23bfbdf5 ESLint: Überprüfung mit Fin erforderlich.
38df08cbad Umbenennung der Badge-Flug-Eigenschaft
e698c3687 Korrektur der MenuBadge-Prop-Benennung