// Sportistry marketing website — i18n.jsx // Bilingual (HU / EN) support. Loaded BEFORE the other scripts so the // `tr()` helper and `sportLabel()` are global by the time anything renders. // // Mechanism: the active language lives on `window.__lang` (single source of // truth). `tr(en, hu)` reads it at call time, so every string is resolved on // each render. `setSiteLang()` updates it, persists the choice, and asks the // Root component to re-render via `window.__onLangChange`. Because the data // arrays (events, FAQ, posts…) are built inside render via helper functions, // switching language re-localises everything — nothing is frozen at load. (function initLang() { const KEY = 'sb_site_lang'; function detect() { try { const saved = localStorage.getItem(KEY); if (saved === 'hu' || saved === 'en') return saved; } catch (e) {} try { if ((navigator.language || '').toLowerCase().startsWith('hu')) return 'hu'; } catch (e) {} return 'hu'; // Hungarian-first product } window.__lang = detect(); try { document.documentElement.lang = window.__lang; } catch (e) {} })(); // Resolve a string for the active language. function tr(en, hu) { return window.__lang === 'hu' ? hu : en; } // Change language: persist, update , and re-render the app. function setSiteLang(lang) { if (lang !== 'hu' && lang !== 'en') return; window.__lang = lang; try { localStorage.setItem('sb_site_lang', lang); } catch (e) {} try { document.documentElement.lang = lang; } catch (e) {} if (typeof window.__onLangChange === 'function') window.__onLangChange(lang); } // Localised sport names (the tints/keys live in WEB_SPORTS in components.jsx). function sportLabel(key) { const M = { soccer: tr('Soccer', 'Foci'), basket: tr('Basketball', 'Kosárlabda'), tennis: tr('Tennis', 'Tenisz'), running: tr('Running', 'Futás'), cycling: tr('Cycling', 'Kerékpár'), volley: tr('Volleyball', 'Röplabda'), climbing: tr('Climbing', 'Mászás'), padel: tr('Padel', 'Padel'), fitness: tr('Fitness', 'Fitnesz'), swimming: tr('Swimming', 'Úszás'), hiking: tr('Hiking', 'Túrázás'), badminton: tr('Badminton', 'Tollaslabda'), yoga: tr('Yoga', 'Jóga'), bouldering: tr('Bouldering', 'Bouldering'), boxing: tr('Boxing', 'Box'), handball: tr('Handball', 'Kézilabda'), golf: tr('Golf', 'Golf'), martialarts: tr('Martial Arts', 'Harcművészet'), hockey: tr('Hockey', 'Hoki'), baseball: tr('Baseball', 'Baseball'), }; return M[key] || key; } // ───────────────────── Language dropdown (sits in the nav) ───────────────────── function LangToggle() { const [open, setOpen] = React.useState(false); const ref = React.useRef(null); const cur = window.__lang; React.useEffect(() => { if (!open) return; const onDoc = (e) => { if (ref.current && !ref.current.contains(e.target)) setOpen(false); }; document.addEventListener('mousedown', onDoc); return () => document.removeEventListener('mousedown', onDoc); }, [open]); const opts = [['hu', 'Magyar'], ['en', 'English']]; return (
{open && (
{opts.map(([code, label]) => { const active = cur === code; return ( ); })}
)}
); } Object.assign(window, { tr, setSiteLang, sportLabel, LangToggle });