// Frontend — Home page.
//
// The home page is itself a channel (type='home', id='ch-home'). When that
// channel has an admin-authored block list, we render it via BlockRenderer
// so edits in Admin → Skin/Channel Management take effect instantly. If the
// channel is missing or empty, we fall back to the legacy hardcoded hero
// so the site never blanks out during migrations.
const FrontHome = ({ lang, theme, goTo, signedIn, onSignUp }) => {
const T = k => t(k, lang);
const [homeChannel, setHomeChannel] = React.useState(null);
const [allChannels, setAllChannels] = React.useState([]);
const [courses, setCourses] = React.useState([]);
const [cats, setCats] = React.useState([]);
const [loaded, setLoaded] = React.useState(false);
React.useEffect(() => {
let cancel = false;
const q = '?locale=' + encodeURIComponent(lang || 'en');
Promise.all([
fetch('/api/channels' + q, { credentials: 'same-origin' }).then(r => r.ok ? r.json() : { channels: [] }),
fetch('/api/courses' + q, { credentials: 'same-origin' }).then(r => r.ok ? r.json() : { courses: [] }),
fetch('/api/categories' + q, { credentials: 'same-origin' }).then(r => r.ok ? r.json() : { categories: [] }),
]).then(([cj, crj, caj]) => {
if (cancel) return;
const chs = (cj && cj.channels) || [];
setAllChannels(chs);
setHomeChannel(chs.find(c => c.type === 'home' || c.id === 'ch-home' || c.slug === 'home') || null);
setCourses((crj && crj.courses) || []);
setCats((caj && caj.categories) || []);
setLoaded(true);
}).catch(() => { if (!cancel) setLoaded(true); });
return () => { cancel = true; };
}, []);
const blocks = homeChannel && homeChannel.templateOverrides
&& Array.isArray(homeChannel.templateOverrides.blocks)
? homeChannel.templateOverrides.blocks : [];
// While we're still loading the home channel, show ONLY the nav so the
// first-screen area doesn't flash the legacy hero and then swap to a
// different block-authored hero once data arrives. Home almost always has
// blocks, so blanking the hero area for ~100ms is far less jarring than
// rendering one hero and replacing it with another.
if (!loaded) {
return (
);
}
// If the home channel has admin-authored blocks, render them. Otherwise
// fall through to the legacy built-in layout below.
if (blocks.length > 0 && typeof BlockRenderer !== 'undefined') {
return (