/* HTD Program 6 — Challenge & Crew */
(function () {
const { useState } = React;
const Icon = window.HTDIcon;
const { useNav, PushView, SectionLabel, Panel, UTabs, Avatar } = window.HTDUI;
const F = window.HTD_FIX;
function HeroCard({ onJoin, onOpen }) {
const h = F.challenges.hero;
return (
STARTS IN
{String(h.startsIn).padStart(2,'0')}
DAYS
{h.tagline}
{h.sub}
JOIN {h.athletes} ATHLETES
);
}
function LiveRow({ c, onClick }) {
return (
);
}
function LeaderboardPanel({ rows, total, onFull }) {
return (
GLOBAL LEADERBOARD
{total}
{rows.slice(0,5).map(([rank,name,pts],i)=>(
))}
{onFull && }
);
}
// tab-root Challenge Hub (mock #03)
function ChallengeHub({ tweaks }) {
const nav = useNav();
const [tab, setTab] = useState('DISCOVER');
return (
{tab==='DISCOVER' && <>
nav.push('ChallengeDetail')} onOpen={()=>nav.push('ChallengeDetail')} />
{F.challenges.live.map((c,i)=> c.name==='GYM VS GYM' ? nav.push('GymChapter') : nav.push('ChallengeDetail',{c})} />)}
nav.push('LeaderboardDetail')} />
}
{tab==='MINE' &&
HTD 30
DAY 18 / 30 · ON TRACK
#2
{F.challenges.live.map((c,i)=>
nav.push('ChallengeDetail',{c})} />)}
}
{tab==='CREWS' && }
{tab==='LEAGUE' && }
);
}
function ChallengeDetail({ params }) {
const nav = useNav(); const d = F.challenges.detail;
const [joined, setJoined] = useState(false);
const foot = (
);
return (
HTD 30
30 DAYS. NO EXCUSES.
DURATION
{d.duration}
PARTICIPANTS
{d.participants}
RULES
{d.rules.map((r,i)=>(
{r}
))}
PROOF STANDARD
{d.proof.map((p,i)=>(
{p}
))}
REWARD
{d.reward}
REQUIRED PLAN{d.plan}
);
}
function LeaderboardDetail() {
const [filter, setFilter] = useState('GLOBAL');
return (
{['GLOBAL','CREW','FRIENDS','GYM','PERSONA'].map(f=>(
))}
{F.challenges.leaderboard.map(([rank,name,pts],i)=>(
{rank}
{name}
96% PROOF · 18D STREAK
))}
);
}
// tab-root Crew Home
function CrewHome({ empty }) {
const nav = useNav();
const toast = window.HTDUI.toast;
const [created, setCreated] = useState(false);
const crews = [['IRONCROWN','12 MEMBERS · RANK #3',78],['DAWN PATROL','6 MEMBERS · RANK #11',91]];
if (empty && !created) return (
NO CREW YET
Discipline is contagious. A crew makes missing harder than showing up.
);
return (
MY CREWS
{crews.map(([name,sub,pct],i)=>(
))}
CREW CHALLENGE
IRONCROWN vs RELENTLESS
ENDS IN 3 DAYS · YOU LEAD +1,240
);
}
function CrewBoard({ params }) {
const nav = useNav();
const name = (params&¶ms.name)||'IRONCROWN';
const toast = window.HTDUI.toast;
const [nudged, setNudged] = useState({});
const members = [['DANIEL K.','#3a4a2a',100],['JESSICA M.','#4a2a2a',92],['ALEX R.','#2a3a4a',88],['MARCUS T.','#4a3a2a',64],['YOU','#3a4a2a',78]];
return (
MEMBER COMPLETION · TODAY
{members.map(([m,col,pct],i)=>(
{m}
{pct<70 && m!=='YOU' &&
}
=90?'var(--acid)':pct>=70?'var(--acid-deep)':'var(--amber)' }} />
{pct}% ))}
);
}
window.HTDChallenge = { ChallengeHub, ChallengeDetail, LeaderboardDetail, CrewHome, CrewBoard };
})();