EN · DE · RU · FR · ES

#2620: MenuBadge.jsx

projectforge-webapp/src/components/base/navigation/categories-dropdown/MenuBadge.jsx Componente React JSX (Insignia de contador de menú), projectforge-webapp/src/components/base/navigation/categories-dropdown/MenuBadge.jsx 51 líneas · 47 código · 0 comentarios · 4 en blanco
Componente de insignia reutilizable para contadores de menú de navegación (tareas pendientes, notificaciones no leídas, etc.). Renderiza una píldora coloreada <span> con clases CSS de Navigation.module.scss: .badge (estilo base de píldora), .isFlying (variante animada con posicionamiento absoluto y transformación de escala), clase de color (ej. .danger para rojo). ID DOM único mediante elementKey (menu-badge-{elementKey}) habilita UncontrolledTooltip opcional al pasar el ratón. Children acepta cadena o número. Props: elementKey (obligatorio), color (danger por defecto), isFlying (booleano), tooltip (cadena). Importaciones: classnames, PropTypes, colorPropType, UncontrolledTooltip de design, módulo SCSS.

Historial Git

3685edd6c migración a react 18 wip
36bfe1dbe Nueva versión de react, eslint revisado por Fin.
c23bfbdf5 es-lint: revisión con Fin requerida.
38df08cbe renombrada propiedad flying de insignia de menú
e698c3687 corregido nombre de propiedad en MenuBadge