// fc-lifecycle.jsx, Weigh-in day and its outcomes, plus the post-fight result. // Uses the SHARED kit only (Card, SectionHeader, Stat, StepList, LargeTitle) so // every screen matches the dashboards. Made and Missed are ONE template: identical // hero + diff + divider + headline; only the module below swaps. const lcLimit = FC.goalWeight; // 74.4, the hard line const lcWorking = 73.4; // cycle-adjusted working target // shared hero numeral block (same scale as Today / Fight Week) function BigWeight({ value, sub = null, subColor = 'var(--ink-3)' }) { return (
{value} KG
{sub &&
{sub}
}
); } // ════════════════════════════════════════════════════════════════════════════ // WEIGH-IN DAY, one job: get the official number on the record. // ════════════════════════════════════════════════════════════════════════════ function WeighInDay({ styleKey = 'balanced' }) { // B4 — the official number is now actually enterable, reusing the same keypad // pattern as Log Weight. The typed value is published to window.__weighInWeight // so "RECORD WEIGH-IN" can route to the Made / Missed outcome from the number. const [val, setVal] = React.useState(() => window.__weighInWeight || ''); const dirty = React.useRef(!!window.__weighInWeight); const onKey = (k) => setVal((v) => { if (k === 'del') { dirty.current = true; return v.length ? v.slice(0, -1) : ''; } if (!dirty.current) { dirty.current = true; v = ''; } if (k === '.') return v.includes('.') ? v : (v === '' ? '0.' : v + '.'); if (/\.\d$/.test(v)) return v; // one decimal place if (v === '0') return k; if (v.replace('.', '').length >= 4) return v; return v + k; }); React.useEffect(() => { window.__weighInWeight = val; }, [val]); const entered = dirty.current && val !== ''; const numColor = !entered ? 'var(--rule-2)' : (parseFloat(val) <= lcLimit ? 'var(--ink)' : 'var(--t-red)'); return ( } eyebrowColor="var(--accent)" />
Weigh-in day. This is the one that counts.
Official weigh-in
{entered ? 'Your official weight' : 'Enter your official weight'}
{entered ? val : '00.0'}{entered && } KG
Working {lcWorking.toFixed(1)} · Limit {lcLimit.toFixed(1)} kg
); } // ════════════════════════════════════════════════════════════════════════════ // OUTCOME, one template for both results. The number drives it. Made switches on // the rebuild plan; Missed switches it off and holds space. Red shows once, on the // fact. Missed is acknowledgement only: no actions, no next step. // ════════════════════════════════════════════════════════════════════════════ function OutcomeScreen({ styleKey = 'balanced', made = true }) { const official = made ? 74.2 : 75.0; const diff = +Math.abs(official - lcLimit).toFixed(1); const diffLine = made ? `${diff.toFixed(1)} kg under the limit` : `${diff.toFixed(1)} kg over the limit`; const headline = made ? 'Cut’s done. Rebuild now so you walk in strong tomorrow.' : `${diff.toFixed(1)} over after a full camp. That’s brutal, and it happens to the best in the sport.`; const rebuild = [ { label: 'NOW', title: 'Fluids + electrolytes', detail: '1.5 L with sodium over 2 hrs', state: 'now' }, { label: '+2 HR', title: 'First real meal', detail: 'Easy carbs, lean protein, low fibre', state: 'todo' }, { label: 'TONIGHT', title: 'Top up + sleep', detail: 'Keep sipping, full night', state: 'todo' }, { label: 'SAT 8PM', title: 'Fight', detail: 'Walk in rebuilt', state: 'goal' }, ]; return ( } eyebrowColor={made ? 'var(--t-green)' : 'var(--ink-3)'} />
{made && window.OWMark && (
)} {/* shared: hero numeral + diff fact */}
{/* shared: one-line headline */}
{headline}
{/* swapped module */} {made ? (
Rebuild · next 36 hours
) : ( <>
Rehydrate, eat, and rest tonight. Be kind to yourself.
Your camp is still here when you’re ready
)}
); } // backward-compatible thin wrappers function WeighInMade({ styleKey = 'balanced' }) { return ; } function WeighInMissed({ styleKey = 'balanced' }) { return ; } // ════════════════════════════════════════════════════════════════════════════ // LOG WEIGHT, the entry behind "Log weight" / "Record weigh-in": big readout, // editable date, number pad. Closes the daily loop (entry → result). // ════════════════════════════════════════════════════════════════════════════ function LogWeight({ styleKey = 'balanced' }) { const [val, setVal] = React.useState(() => window.__loggedWeight || '75.2'); const dirty = React.useRef(false); const onKey = (k) => setVal((v) => { if (k === 'del') { dirty.current = true; return v.length > 1 ? v.slice(0, -1) : '0'; } if (!dirty.current) { dirty.current = true; v = ''; } // first keypress clears the seed value if (k === '.') return v.includes('.') ? v : (v === '' ? '0.' : v + '.'); if (/\.\d$/.test(v)) return v; // cap at one decimal place if (v === '0') return k; if (v.replace('.', '').length >= 4) return v; // keep it sane (e.g. 175.2) return v + k; }); React.useEffect(() => { window.__loggedWeight = val; }, [val]); return (
Log weight
Today’s weight
{val} KG
); } // ════════════════════════════════════════════════════════════════════════════ // FIGHT RESULT, a separate, later beat. Logged after the bout; feeds the archive. // ════════════════════════════════════════════════════════════════════════════ function FightResult({ styleKey = 'balanced' }) { const [sel, setSel] = React.useState('Won'); const radio = (on) => ( {on && } ); return ( } eyebrowColor="var(--accent)" />
Log the result to close out your camp. It makes the next one smarter.
Result setSel('Won')} /> setSel('Lost')} /> setSel('No contest')} last />
); } Object.assign(window, { WeighInDay, OutcomeScreen, WeighInMade, WeighInMissed, FightResult, BigWeight, LogWeight });