- Extrae App.jsx en módulos reutilizables: constants/ (categorias, provincias), utils/geo, styles/shared, hooks/usePwaInstall y components/ (StarRating, LocalCard, CampoUbicacion, BannerMovil, CategoriaBadge) - AdminPanel reutiliza constantes y componentes compartidos y corrige la limpieza de suscripciones de Firebase al desmontar - Añade logos de marca (logo-localesp.png + @2x) y regenera los iconos PWA con tamaños menores - sw.js: sube la caché del shell a v2 e incluye los nuevos iconos y logos
20 lines
776 B
React
20 lines
776 B
React
import { obtenerCategoria } from "../constants/categorias.js";
|
|
|
|
export default function CategoriaBadge({ categoria, subcategoria }) {
|
|
if (!categoria) return null;
|
|
const cat = obtenerCategoria(categoria);
|
|
|
|
return (
|
|
<div style={{ display: "flex", flexWrap: "wrap", gap: 5 }}>
|
|
<span style={{ background: cat.bgLight, color: cat.textColor, fontSize: 12, padding: "3px 10px", borderRadius: "var(--border-radius-md)", fontWeight: 500 }}>
|
|
{cat.emoji} {categoria}
|
|
</span>
|
|
{subcategoria && (
|
|
<span style={{ background: "var(--color-background-secondary)", color: "var(--color-text-secondary)", fontSize: 12, padding: "3px 10px", borderRadius: "var(--border-radius-md)" }}>
|
|
{subcategoria}
|
|
</span>
|
|
)}
|
|
</div>
|
|
);
|
|
}
|