/* global React */
const { useState, useEffect, useRef } = React;
// ============================================================================
// Shared bits
// ============================================================================
function StarOfDavid({ size = 14, color = "currentColor" }) {
return (
);
}
function GoogleIcon({ size = 18 }) {
return (
);
}
function Nav({ user, currentPage, go, scrolled, onLogout }) {
const ADMIN_EMAIL = "marcelo.santos304@gmail.com";
const links = user
? [
{ id: "dashboard", label: "Início" },
{ id: "courses", label: "Cursos" },
{ id: "library", label: "Biblioteca" },
...(user.email === ADMIN_EMAIL ? [{ id: "admin", label: "Admin" }] : []),
]
: [];
return (
);
}
function Footer() {
return (
);
}
// ============================================================================
// Card / Rail
// ============================================================================
function CourseCard({ course, onOpen }) {
return (
onOpen(course)}
style={{ "--card-hue": course.hue }}
>
{course.level}
{course.isPdf ? (
PDF
) : (
{course.duration}
)}
{course.category}
{course.title}
{course.description}
);
}
function Rail({ title, hebrew, courses, onOpen }) {
const trackRef = useRef(null);
return (
{title}
{hebrew && {hebrew}}
Ver todos ›
{courses.map((c) => (
))}
);
}
// ============================================================================
// Toast
// ============================================================================
function Toast({ msg, onDone }) {
useEffect(() => {
if (!msg) return;
const t = setTimeout(onDone, 2600);
return () => clearTimeout(t);
}, [msg]);
if (!msg) return null;
return {msg}
;
}
// Expose globally so other Babel scripts can use them
Object.assign(window, {
Nav, Footer, CourseCard, Rail, Toast, StarOfDavid, GoogleIcon,
});