// home-sections.jsx — homepage: course lists (upcoming/past), leader quotes, articles, global sources
/* ===== courses on the homepage: upcoming + past ===== */
function HomeCourses({ go, t, L, data }) {
const all = (data && data.courses) || [];
const upcoming = all.filter(c => (c.term || 'upcoming') === 'upcoming').slice(0, 3);
const past = all.filter(c => (c.term || 'upcoming') === 'past').slice(0, 3);
if (!upcoming.length && !past.length) return null;
const Block = ({ title, sub, items, icon, badge }) => (
{items.map((c, i) => (
go('courses')} />
))}
);
return (
{upcoming.length > 0 && }
{past.length > 0 && }
);
}
function HomeCourseCard({ c, t, L, badge, onOpen }) {
const isPast = badge === 'past';
return (
);
}
/* ===== leader quotes ===== */
function Inspiration({ t, L }) {
return (
{LEADER_QUOTES.map((q, i) => (
{L(q.text)}
{L(q.who)[0]}
{L(q.who)}
{L(q.role)}{q.paraphrase ? ` · ${t('paraphrase')}` : ''}
))}
);
}
/* ===== short reads ===== */
function Articles({ t, L }) {
const [open, setOpen] = React.useState(0);
return (
{INNOVATION_ARTICLES.map((a, i) => (
{L(a.title)}
{L(a.body)}
{a.mins} {t('min_read')}
))}
);
}
/* ===== global innovation windows ===== */
function GlobalSources({ t, L }) {
return (
);
}
/* ===== activities accordion: every registered course, expandable for visitors ===== */
function Activities({ go, t, L, data }) {
const all = (data && data.courses) || [];
const [open, setOpen] = React.useState(null);
const [filter, setFilter] = React.useState('all');
const terms = [
{ id: 'all', label: { ar: 'الكل', en: 'All' } },
{ id: 'upcoming', label: { ar: 'قادمة', en: 'Upcoming' } },
{ id: 'past', label: { ar: 'سابقة', en: 'Past' } },
];
const list = all.filter(c => filter === 'all' || (c.term || 'upcoming') === filter);
const badgeOf = (term) => term === 'past' ? { cls: 'mint', ic: 'check', key: 'completed' } : { cls: 'gold', ic: 'rocket', key: 'soon' };
return (
{all.length === 0 ? (
{t('activities_empty')}
) : (
<>
{terms.map(x => (
))}
{list.map((c, i) => {
const term = c.term || 'upcoming';
const b = badgeOf(term);
const B = Icon[b.ic];
const isOpen = open === c.id;
const files = c.files || [];
return (
{isOpen && (
{c.objective &&
{L(c.objective)}
}
{c.presenter && }
{c.date && }
{c.dur && }
{c.mode && }
{c.target !== '' && c.target != null && }
{c.outcomes && (
{t('outcomes')}
{L(c.outcomes)}
)}
{files.length > 0 && (
{t('attachments')} · {files.length}
)}
{term !== 'past' && (
)}
)}
);
})}
)}
);
}
Object.assign(window, { HomeCourses, HomeCourseCard, Inspiration, Articles, GlobalSources, Activities });