// Shared UI components
const { useState, useEffect, useRef } = React;
const QUOTES = [
{ q: "Pain is weakness leaving the body.", a: "— Lore" },
{ q: "The only bad workout is the one that didn't happen.", a: "— You, later" },
{ q: "Sweat is just fat crying.", a: "— Gym floor" },
{ q: "You vs. you. That's the fight.", a: "— Coach V" },
{ q: "Don't wish for it. Work for it.", a: "— Everyone who made it" },
{ q: "One rep closer.", a: "— The mantra" },
];
function RotatingHype() {
const [i, setI] = useState(0);
useEffect(() => {
const t = setInterval(() => setI(x => (x + 1) % QUOTES.length), 15000);
return () => clearInterval(t);
}, []);
return (
{QUOTES.map((qq, idx) => (
))}
setView('home')}>
SNATCH
);
}
function Stat({ label, value, accent }) {
return (
);
}
function PosterStat({ label, value }) {
return (
);
}
function WodBlockPoster({ block, idx }) {
return (
{String(idx+1).padStart(2,'0')}
{block.label}
{block.time}
{block.note &&
{block.note}
}
{block.items.map((it, i) => (
-
{String(i+1).padStart(2,'0')}
{it.name}
{it.reps}
))}
);
}
function WodBlockNeon({ block, idx }) {
return (
{String(idx+1).padStart(2,'0')}
{block.label}
{block.time}
{block.note &&
{block.note}
}
{block.items.map((it, i) => (
-
{it.name}
{it.reps}
))}
);
}
function WodPosterCard({ wod, variant = 'poster', onSave, onStart, saved }) {
if (!wod) return null;
const isNeon = variant === 'neon';
if (isNeon) {
return (
● LIVE
WOD · {new Date().toLocaleDateString('en-US', { month: 'short', day: 'numeric' }).toUpperCase()}
{wod.title}
{wod.subtitle}
{wod.blocks.map((b, i) => )}
{wod.closer && (
)}
);
}
return (
COACH
APPROVED
WOD · {new Date().toLocaleDateString('en-US', { weekday: 'short', month: 'short', day: 'numeric' }).toUpperCase()}
{wod.subtitle}
{wod.blocks.map((b, i) => )}
{wod.closer && (
)}
);
}
Object.assign(window, { RotatingHype, Ticker, Nav, WodPosterCard });