EN · DE · RU · FR · ES

#2620: MenuBadge.jsx

projectforge-webapp/src/components/base/navigation/categories-dropdown/MenuBadge.jsx Composant React JSX (Badge de compteur de menu), projectforge-webapp/src/components/base/navigation/categories-dropdown/MenuBadge.jsx 51 lignes · 47 code · 0 commentaires · 4 vides
Composant de badge réutilisable pour les compteurs de menu de navigation (tâches en attente, notifications non lues, etc.). Affiche une pastille colorée <span> avec les classes CSS de Navigation.module.scss : .badge (style de base de la pastille), .isFlying (variante animée positionnée en absolu avec transformation d'échelle), classe de couleur (ex. .danger pour le rouge). Identifiant DOM unique via elementKey (menu-badge-{elementKey}) permet un UncontrolledTooltip optionnel au survol. Les enfants acceptent une chaîne ou un nombre. Props : elementKey (obligatoire), color (danger par défaut), isFlying (booléen), tooltip (chaîne). Importations : classnames, PropTypes, colorPropType, UncontrolledTooltip depuis design, module SCSS.

Historique Git

3685edd6c mise à niveau vers react 18 wip
36bfe1dbe Nouvelle version de react, eslint révisé par Fin.
c23bfbdf5 es-lint : révision avec Fin requise.
38df08cbe renommé la propriété flying du badge de menu
e698c3687 correction du nom de la prop MenuBadge