{/* HEADER */}

UniWallet 🎓

{isMultiplayer ? `${memberList.length} members tracking` : 'Your finance wizard'}

{isMultiplayer && (memberList || []).slice(0, 3).map(m => ( {m.displayName}

e.currentTarget.style.display='none'} /> ))}

{/* MAIN CONTENT AREA */}

{/* DASHBOARD VIEW */} {view === 'dashboard' && ( <> {/* BUDGET CARD */}

Weekly Budget ${budgetLimit}

${remaining.toFixed(0)} left

{/* PROGRESS BAR */}

{(categoryTotals || []).map((cat, i) => (

))}

{/* MINI LEGEND */}

{(categoryTotals || []).slice(0, 4).map(cat => (

{cat.name}

))}

{/* RECENT TRANSACTIONS */}

Recent Spends

See All

{(transactions || []).slice(0, 5).map(tx => (

{tx.category === 'Food' ? '🍔' : tx.category === 'Coffee' ? '☕' : tx.category === 'Education' ? '📚' : tx.category === 'Transport' ? '🚌' : '💸'}

{tx.title}

{tx.category} • {isMultiplayer && (tx.userName || 'Someone')}

-${tx.amount.toFixed(2)}

))}

)} {/* GOALS VIEW */} {view === 'goals' && (

Savings Goals 🎯

{(goals || []).map(goal => (

{goal.emoji}

{goal.title}

${goal.current} / ${goal.target}

{Math.round((goal.current / goal.target) * 100)}%

{/* Progress Bar */}

))} {/* New Goal Input Inline */}

Create New Goal

setNewGoal({...newGoal, title: e.target.value})} style={{ width: '100%', padding: 12, borderRadius: 12, border: 'none', marginBottom: 8 }} />

setNewGoal({...newGoal, target: e.target.value})} style={{ flex: 1, padding: 12, borderRadius: 12, border: 'none' }} />

)}

{/* FLASH SPEND OVERLAY (Modal) */} {view === 'add' && (

Flash Spend 💸

$ setNewTx({...newTx, amount: e.target.value})} style={{ fontSize: 48, fontWeight: 800, width: 200, border: 'none', background: 'transparent', textAlign: 'center', color: THEME.primary, outline: 'none' }} />

setNewTx({...newTx, title: e.target.value})} style={{ width: '100%', padding: 16, fontSize: 18, borderRadius: 16, border: '2px solid #eee', marginBottom: 20, outline: 'none' }} />

{['Food', 'Coffee', 'Transport', 'Education', 'Shopping', 'Bills'].map(cat => ( ))}

)} {/* BOTTOM NAVIGATION */}

{/* Floating FAB */}

{/* CONFETTI OVERLAY */} {showConfetti && (

🎉

)} {/* GLOBAL ANIMATIONS */}

); }