SOCIEM
UNA · PUNO
);
// ============ Navbar ============
const NAV_ITEMS = [
{ id: 'home', label: 'Inicio' },
{ id: 'nosotros', label: 'Nosotros' },
{ id: 'directorio', label: 'Directorio' },
{ id: 'comites', label: 'Comités' },
{ id: 'eventos', label: 'Eventos' },
{ id: 'noticias', label: 'Noticias' },
{ id: 'tienda', label: 'Tienda' },
{ id: 'certificados', label: 'Certificados' },
{ id: 'miembros', label: 'Miembros' },
{ id: 'contacto', label: 'Contacto' },
];
const Navbar = ({ page, setPage, theme, toggleTheme }) => {
const [scrolled, setScrolled] = React.useState(false);
const [open, setOpen] = React.useState(false);
React.useEffect(() => {
const onScroll = () => setScrolled(window.scrollY > 8);
window.addEventListener('scroll', onScroll);
return () => window.removeEventListener('scroll', onScroll);
}, []);
return (
<>
{NAV_ITEMS.map(item => (
{ e.preventDefault(); setPage(item.id); setOpen(false); }}>
{item.label}
))}
{ e.preventDefault(); setPage('registro'); setOpen(false); }} style={{ marginTop: 24, color: 'var(--violet-600)' }}>
Únete a SOCIEM-UNA →
);
};
// ============ Footer ============
const Footer = ({ setPage }) => (
);
// Tarjeta de error de red: distingue "falló la carga" de "no hay datos".
// Las páginas la muestran cuando la API devuelve ok:false o lanza.
const LoadErrorCard = ({ onRetry, children }) => (
{ e.currentTarget.style.display = 'none'; }} />
{children || 'No pudimos cargar la información. Revisa tu conexión e inténtalo de nuevo.'}
{onRetry && ( )}
{ if (!e.currentTarget.dataset.alt) { e.currentTarget.dataset.alt = '1'; e.currentTarget.src = 'assets/mascota/mascota-error.png?v=3'; } else { e.currentTarget.style.display = 'none'; } }}
/>
ERROR 404
Buscamos por todo el altiplano y esta página no aparece.
{intento ? <>La dirección #/{intento} no existe o fue movida. : 'La dirección que escribiste no existe o fue movida.'}