{/* HEADER */}

Campus
Codes 🏷️

{/* MEMBER BUBBLES */}

{(memberList || []).map(m => (

openProfile(m.handle)} style={{ textAlign: 'center', minWidth: '48px' }}>

{m.avatarUrl ? {m.displayName}

: 🎓 }

))} {(memberList || []).length === 1 && (

👈 Your Squad

)}

{/* TABS */}

{['active', 'expired'].map(f => ( ))}

{/* LIST */}

{getFilteredCoupons().length === 0 ? (

{filter === 'active' ? '🐣' : '👻'}

No {filter} codes

Add one to get the party started!

) : ( getFilteredCoupons().map((coupon, index) => { const isJustCopied = copiedId === coupon.id; const expired = isExpired(coupon.expiresAt); return (

{/* DECORATIVE TAPE */}

{coupon.store}

{coupon.title}

Added by {coupon._user?.displayName || coupon.addedByName || 'Anon'}

{coupon.store.toLowerCase().includes('coffee') ? '☕' : coupon.store.toLowerCase().includes('pizza') ? '🍕' : coupon.store.toLowerCase().includes('book') ? '📚' : '🎫'}

{coupon.code}

{expired && (

EXPIRED

)}

); }) )}

{/* FAB */} {/* ADD MODAL */} {isModalOpen && (

setIsModalOpen(false)} style={{ position: 'absolute', inset: 0, background: 'rgba(0,0,0,0.5)' }} />

Drop a Code 🎟️

Store Name setNewCoupon({...newCoupon, store: e.target.value})} placeholder="e.g. Campus Coffee" style={styles.input} /> Deal Title setNewCoupon({...newCoupon, title: e.target.value})} placeholder="e.g. 50% off Latte" style={styles.input} /> The Code setNewCoupon({...newCoupon, code: e.target.value})} placeholder="e.g. LATTE50" style={{ ...styles.input, fontFamily: 'monospace', letterSpacing: '1px', textTransform: 'uppercase' }} /> Expires (Optional) setNewCoupon({...newCoupon, expiresAt: e.target.value ? new Date(e.target.value).toISOString() : ''})} style={styles.input} />

)} {/* INLINE STYLES FOR ANIMATIONS */}

); }