/* HealthyDashboard.jsx — the Home tab (healthy tier's gamified centerpiece). Also exports DEMO (shared profile data) and WellnessCheckCard (reused on the Care tab). Reads ScoreRing / Card / Button / kit primitives. */ const DEMO = { name: 'Chioma', initials: 'C', score: 92, oral: 95, xp: 1240, xpForNext: 1580, ptsToNext: 340, level: 3, levelName: 'Health Hero', streak: 3, }; // ─── Wellness-check card (shared: dashboard + care tab) ───────────────── function WellnessCheckCard({ onSchedule }) { return (
Free
Schedule your wellness check

Join a complimentary 15-minute video call with both your physician and dentist to review your results and get personalised tips to maintain your healthy lifestyle.

); } // ─── Compact sub-score row item ───────────────────────────────────────── function SubScore({ icon, custom, label, value, valueColor = 'var(--fg-1)' }) { return (
{custom || }
{label}
{value}
); } const DAYS = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']; function Dashboard({ onSchedule, onOpenChallenges, todayDone = 0 }) { const d = DEMO; return (
{/* Greeting strip — subtle bone, no gradient */}
Hi {d.name}
{d.xp.toLocaleString()} XP
{/* Health score summary */}
} label="Oral health" value={`${d.oral} / 100`}/>
{/* Daily challenges hero — amber gradient, the centerpiece. SYSTEM RULE: the tier's recurring engagement loop sits directly below the score summary; one-time event CTAs (booking) appear lower. */}
Daily challenges.
Keep your streak alive.
Streak: {d.streak}
Today’s progress{todayDone}/3
{3 - todayDone} challenges left · +{todayDone * 50} points Open
{/* Wellness check — one-time event CTA, sits below the engagement loop */}
{/* Level progress */}
Level {d.level}: {d.levelName}
{d.ptsToNext} pts to Level {d.level + 1}
{d.xp.toLocaleString()} / {d.xpForNext.toLocaleString()} XP
 {/* Daily streak strip */}
Daily streak
{d.streak} days
{DAYS.map((day, i) => { const filled = i < d.streak; return (
{day[0]}
); })}
{/* Two-up: Challenges / Badges */}
Challenges
3 active today
Badges
3 earned
); } window.MunaHealthyDashboard = { Dashboard, WellnessCheckCard, DEMO };