Saltar al contenido
dumonde
PreguntaÚnete
Banco de tareas

DIS-003DiseñoMejora

Unificar pegatina, pestañas, sello, progreso y burbuja en componentes compartidos

Dificultad
Avanzada
Estimación
3d
Estado
Abierta
Habilidades
reactcssrefactorización

Zona sensible. Toca permisos, datos personales, el mapa, secretos o la identidad de marca. Necesita revisión de la titular y conviene haber completado alguna tarea antes.

Contexto

El mismo objeto visual existe varias veces con nombres distintos: pegatina (4 versiones), pestañas (2), sello (3), talón (2), progreso (3), burbuja (2). Cada copia diverge un poco y nadie sabe cuál es la buena. Toca el mapa: zona sensible.

Qué hacer

  1. Crea src/components/ui/ con Pegatina, Pestanas (patrón ARIA completo), Sello, Talon, Progreso y Burbuja, con variantes por props.
  2. Migra las páginas una a una (un commit por componente) y borra las clases duplicadas.
  3. Retira .aviso-pin de globals.css si ya no se usa y actualiza el selector del e2e.
  4. Añade cada componente a /disenio.

Criterios de aceptación

  • Ninguna clase de esos objetos con prefijo de zona sigue en los CSS

  • Las capturas antes y después de Hoy, Mapa, dumonde, Comunidad, Personaje y Yo no muestran cambios no deseados

  • npm run e2e pasa

  • Cada componente aparece en /disenio con sus variantes

Archivos

Antes, esto

¿Te la quedas?

  1. 1. Haz un fork y crea la rama tarea/DIS-003-unificar-pegatina-pestanas-sello-progres.
  2. 2. En tareas/diseno/DIS-003-unificar-pegatina-pestanas-sello-progreso-y-burb.md, cambia la cabecera:
    estado: reservada
asignada: tu_usuario_de_github
  3. 3. Abre un PR con ese cambio (commit firmado: git commit -s). Al fusionarse, es tuya durante 14 días.

Todo lo demás