// Página /blog/ — listado de artículos con filtros por categoría // Composante exposé sur window.BlogIndex. // Usa BLOG_ARTICLES + BLOG_CATEGORIES + BlogCover de blog-data.jsx. const BlogCard = ({ article, layout = 'grid' }) => { const isFeatured = layout === 'featured'; const cardCtx = (typeof useCountry === 'function') ? useCountry() : null; const cardCountry = (cardCtx && cardCtx.country) || 'co'; return (
{article.categoryLabel} {article.dateLabel}

{article.title}

{article.excerpt}

Leer artículo →
); }; const BlogIndex = () => { const [active, setActive] = React.useState('todos'); const ctx = (typeof useCountry === 'function') ? useCountry() : null; const country = (ctx && ctx.country) || 'co'; const articlesAll = (typeof getBlogArticles === 'function') ? getBlogArticles(country) : BLOG_ARTICLES; React.useEffect(() => { const obs = new IntersectionObserver((entries) => { entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('in'); }); }, { threshold: 0.1, rootMargin: '0px 0px -10% 0px' }); document.querySelectorAll('.reveal').forEach(el => obs.observe(el)); return () => obs.disconnect(); }, [active]); const articles = active === 'todos' ? articlesAll : articlesAll.filter(a => a.category === active); const featured = active === 'todos' ? articlesAll.find(a => a.featured) : null; const rest = featured ? articles.filter(a => a.slug !== featured.slug) : articles; // Filtres catégories : on n'affiche que celles présentes (+ "Todos") const presentIds = new Set(articlesAll.map(a => a.category)); const visibleCats = BLOG_CATEGORIES.filter(c => c.id === 'todos' || presentIds.has(c.id)); return ( <>