POTLUCK PAL

{/* Member avatars */}

{(memberList || []).slice(0, 3).map((m, i) => (

openProfile(m.handle)} style={{ width: 32, height: 32, borderRadius: '50%', border: '2px solid white', marginLeft: -10, background: '#ddd', overflow: 'hidden', zIndex: 10 - i, cursor: 'pointer' }} > {m.avatarUrl ? ( {m.displayName}

) : (

{m.displayName[0]}

)}

))} {(memberList || []).length > 3 && (

+{(memberList || []).length - 3}

)}

{/* Decorative bg blobs */}

Current Theme

{currentTheme}

{/* 📋 DISH LIST */}

Menu Items

{claimedCount}/{totalCount} Ready

{(items || []).map((item) => { const claimedByMember = item.claimedBy ? getMember(item.claimedBy) : null; const isClaimedByMe = item.claimedBy === user.id; return (

toggleClaim(item.id)} style={{ background: '#fff', borderRadius: 16, padding: 16, boxShadow: item.claimedBy ? 'none' : '0 4px 15px rgba(0,0,0,0.05)', border: item.claimedBy ? '2px solid transparent' : `2px solid ${COLORS.text}08`, display: 'flex', alignItems: 'center', gap: 16, cursor: 'pointer', transition: 'all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275)', opacity: (item.claimedBy && !isClaimedByMe) ? 0.7 : 1, transform: 'scale(1)', position: 'relative', overflow: 'hidden' }} > {/* Success background wash */} {item.claimedBy && (

)} {/* Emoji box */}

{item.emoji}

{/* Text info */}

{item.name}

{item.category.toUpperCase()} {item.isSuggestion && VOTE}

{/* Status/Avatar */}

{item.claimedBy ? (

{claimedByMember?.avatarUrl ? ( {claimedByMember.displayName}

) : (

{claimedByMember?.displayName?.[0] || '?'}

)} {isClaimedByMe &&

YOU

}

) : (

➕

)}

); })}

{/* 🔮 BOTTOM SHARE BAR */}

{/* 📄 SUGGESTION SHEET */} {isSuggesting && (

setIsSuggesting(false)} style={{ position: 'absolute', inset: 0, background: 'rgba(0,0,0,0.4)', backdropFilter: 'blur(2px)' }} />

Suggest a Dish 💡

setSuggestion(e.target.value)} style={{ width: '100%', height: 52, borderRadius: 12, border: '2px solid #eee', padding: '0 16px', fontSize: 16, marginBottom: 16, outline: 'none', fontFamily: 'inherit', boxSizing: 'border-box' }} />

)}

); }