study garden 🌱

{ const el = event.currentTarget; const nextPage = Math.round(el.scrollLeft / el.clientWidth); if (nextPage !== currentPage) { setCurrentPage(nextPage); } }} > {/* Page 1: Timer */}

{/* Timer Section */}

Focus Fuel

{formatTimerDisplay(elapsed)}

{timerState === 'idle' && ( )} {timerState === 'running' && ( )} {timerState === 'paused' && ( )} {(timerState === 'running' || timerState === 'paused') && ( )}

"{quoteOfTheDay}"

{/* Page 2: Pledge + Leaderboard */}

🍯 Community Pot

${totalPledged}

{(leaderBoardData || []).filter(e => e.pledged).length === 0 && (

The pot is empty. Be the first!

)} {(leaderBoardData || []).filter(e => e.pledged).map(e => (

e.handle ? openProfile(e.handle) : null}>

{e.avatarUrl ? {e.displayName}

: '👤'}

✨

))}

{!myStats.pledged && ( )}

Brain Brawl

Top studiers win the pot 🏆

{(leaderBoardData || []).map((e, i) => (

e.handle ? openProfile(e.handle) : null}>

{i === 0 ? '👑' : i + 1}

{e.avatarUrl ? {e.displayName}

: '👤'}

{e.isDemo ? `Demo • ${e.displayName}` : e.displayName}

{e.pledged && (

🌿 Pledged

)}

{formatTime(e.totalMs)}

))}

{[0, 1].map((pageIdx) => (

{/* Share CTA at bottom */}

); }