✨

Vibe Check

Find your study soulmates.

{(QUIZ_QUESTIONS || []).map((q) => (

{q.text}

))}

); const renderHome = () => (

{!profile.completedQuiz ? (

setShowQuiz(true)} style={{ background: '#F3E8FF', padding: 24, borderRadius: 24, cursor: 'pointer', border: '2px dashed #9333EA' }} >

✨ Find Your Study Soulmate

Take the vibe check quiz to get matched!

) : (

Vibe Profile Active ✨

Your soulmate matches are ready in the Matches tab.

)}

🏆 Top Study Pairs (Streak)

{(DEMO_LEADERBOARD_PAIRS || []).map((p, i) => (

{i === 0 ? '🥇' : '🥈'} {p.names} {p.streak} 🔥

))}

🏛️ Faculty Leaderboard (Hours)

{(DEMO_LEADERBOARD_FACULTIES || []).map((f, i) => (

{['🥇', '🥈', '🥉'][i]} {f.name} {f.hours}h

))}

); const renderMatches = () => (

Top Matches

Based on your vibe & subjects.

{(!profile.completedQuiz) ? (

🔒

Take the quiz on Home to unlock matches!

) : ( (matches || []).sort((a,b) => b.match - a.match).map(m => (

{m.match > 90 ? '👩‍🎓' : '👨‍💻'}

{m.isDemo ? `Demo • ${m.name}` : m.name}

✨ {m.match}% Match

📚 {m.subject} 🤫 {m.style}

)) )}

); const renderSessions = () => (

Study Sessions

{(sessions || []).map(s => (

{s.type}

{s.isDemo ? `Demo • ${s.title}` : s.title}

📍 {s.location}

🕒 {s.time}

👥 {s.spots}/{s.total}

))}

); const renderMessages = () => { const potential = (matches || []).filter(m => m.match >= 75); const matched = (matches || []).filter(m => m.match < 75); return (

Messages

{(msgSubTab === 'potential' ? potential : matched).map(m => (

startChat?.(m.handle)} style={{ display: 'flex', alignItems: 'center', gap: 16, padding: 16, background: 'white', borderRadius: 16, cursor: 'pointer' }}>

{m.match > 80 ? '👩‍🎓' : '👨‍💻'}

{m.name}

{m.match}% Match • {m.subject}

💬

))}

); }; const renderStats = () => (

Your Stats

Semester Total

{stats.totalHours} hrs

📈 {stats.totalHours - stats.avgUtsHours} hrs above UTS average!

👥

Top Partners

{(stats.topPartners || []).join(', ')}

📅

Sessions

{stats.sessionsAttended} Attended

📍

Favorite Study Spot

{stats.favSpot}

); return (

{showConfetti && (

🎉

)} {showQuiz ? renderQuiz() : ( <>

StudySync

{tab === 'home' && renderHome()} {tab === 'matches' && renderMatches()} {tab === 'sessions' && renderSessions()} {tab === 'messages' && renderMessages()} {tab === 'stats' && renderStats()}

{[ { id: 'home', icon: '🏠', label: 'Home' }, { id: 'matches', icon: '✨', label: 'Matches' }, { id: 'sessions', icon: '📅', label: 'Sessions' }, { id: 'messages', icon: '💬', label: 'Messages' }, { id: 'stats', icon: '📈', label: 'Stats' } ].map(t => ( ))}

)}

); }