{options.map((o) => {
const active = o.value === String(year);
const hot = hover === o.value;
return (
);
})}
,
document.body
);
return (
{popover}
);
}
const PER_PAGE = 12;
function useFiltered(revisoes) {
const list = revisoes || [];
const [query, setQuery] = React.useState("");
const [year, setYear] = React.useState("all");
const [page, setPage] = React.useState(1);
const years = React.useMemo(() => [...new Set(list.map(r => r.ano))].sort((a, b) => b - a), [list]);
const filtered = list.filter((r) => {
const q = query.toLowerCase().trim();
const matchQ = !q || r.titulo.toLowerCase().includes(q) || r.tema.toLowerCase().includes(q) || r.pergunta.toLowerCase().includes(q);
const matchY = year === "all" || r.ano === Number(year);
return matchQ && matchY;
});
// Reseta para a página 1 sempre que a busca ou o filtro de ano mudam
React.useEffect(() => { setPage(1); }, [query, year]);
const totalPages = Math.max(1, Math.ceil(filtered.length / PER_PAGE));
const safePage = Math.min(page, totalPages);
const pageItems = filtered.slice((safePage - 1) * PER_PAGE, safePage * PER_PAGE);
return { query, setQuery, year, setYear, years, filtered, page: safePage, setPage, totalPages, pageItems };
}
// Gera a sequência de páginas com reticências: 1 … 4 5 [6] 7 8 … 12
function pageList(current, total) {
if (total <= 7) return Array.from({ length: total }, (_, i) => i + 1);
const pages = new Set([1, total, current, current - 1, current + 1]);
const sorted = [...pages].filter((p) => p >= 1 && p <= total).sort((a, b) => a - b);
const out = [];
let prev = 0;
for (const p of sorted) {
if (p - prev > 1) out.push("…");
out.push(p);
prev = p;
}
return out;
}
function Pagination({ page, totalPages, onChange }) {
if (totalPages <= 1) return null;
const items = pageList(page, totalPages);
const navBtn = (label, disabled, onClick, key) => (
);
return (
);
}
function gridConfig(density) {
if (density === "compact") return { cols: "repeat(auto-fill, minmax(240px, 1fr))", gap: 18 };
if (density === "spacious") return { cols: "repeat(auto-fill, minmax(360px, 1fr))", gap: 32 };
return { cols: "repeat(auto-fill, minmax(290px, 1fr))", gap: 24 };
}
// ===== Variation A: Hero claro expressivo =====
function LandingVariantA({ tweaks, revisoes, loading }) {
const { query, setQuery, year, setYear, years, filtered, page, setPage, totalPages, pageItems } = useFiltered(revisoes);
const Card = pickCard(tweaks.cardStyle);
const { cols, gap } = gridConfig(tweaks.gridDensity);
const goTo = (p) => {
setPage(p);
const grid = document.getElementById("rr-grid-top");
if (grid) window.scrollTo({ top: grid.getBoundingClientRect().top + window.scrollY - 24, behavior: "smooth" });
};
return (
{/* HERO */}
{/* Decorações — camada única atrás do conteúdo (nunca à frente do texto) */}
Sínteses rápidas de evidências
Evidências que informam decisões
em saúde pública.
Revisões rápidas reúnem o melhor da literatura científica em sínteses objetivas, prontas para apoiar a tomada de decisão por gestores e profissionais do SUS.
Encontre revisões rápidas sobre os principais temas da Política Nacional de Promoção da Saúde, prontas para informar gestores, equipes e pesquisadores.