// Shared header for all page mockups
const CZFHeader = ({ active, headerStyle }) => {
// Pull live season info from config (auto-fetch if not cached)
const [cfg, setCfg] = React.useState(() => window.__CZF_CONFIG__ || null);
React.useEffect(() => {
if (cfg) return;
if (!window.CZF || !CZF.USE_LIVE_DATA) return;
fetch(`${CZF.API_BASE}/public/config`)
.then(r => r.json())
.then(c => { window.__CZF_CONFIG__ = c; setCfg(c); })
.catch(() => {});
}, []);
const season = cfg?.season || { number: 4, state: 'EN COURS' };
const links = [
{ id: 'home', label: 'Accueil' },
{ id: 'joueurs', label: 'Joueurs' },
{ id: 'equipes', label: 'Équipes' },
{ id: 'cast', label: 'Cast' },
{ id: 'matchs', label: 'Matchs' },
{ id: 'scrims', label: 'Scrims' },
{ id: 'prono', label: 'Pronostics' },
{ id: 'tierlist', label: 'Tierlist' },
{ id: 'awards', label: 'Awards' },
];
return (
);
};
// Social icons — exported globally for reuse
const Icon = {
Twitch: (props) => (
),
YouTube: (props) => (
),
Discord: (props) => (
),
Opgg: (props) => (
),
Trophy: (props) => (
),
Sword: (props) => (
),
Live: (props) => (
),
Calendar: (props) => (
),
ChevronR: (props) => (
),
Mic: (props) => (
),
};
Object.assign(window, { CZFHeader, Icon });
