🥘

Family Potluck Planner

Join the potluck planning fun! Enter your name to get started.

\n \n

\n setNameInput(e.target.value)}\n placeholder=\"Enter your name\"\n className=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 text-center text-lg\"\n required\n />\n \n {isLoading ? '⏳ Joining...' : '🎉 Join the Potluck!'}\n \n \n\n {data.users.length > 0 && (\n

Already joined:

\n {data.users.map(user => (\n \n 👤 {user.name}\n \n ))}\n

\n )}\n\n

\n \n 📋 Copy Share Link\n \n

\n Share this link with family members to invite them!\n

\n );\n }\n\n return (\n

\n {/* Header */}\n

🥘 Family Potluck Planner

\n Welcome, {currentUser}! 🎉\n \n 👤 Switch User\n \n

\n \n 🔗 Share Potluck\n \n \n ID: {data.namespace}\n \n

\n\n {/* Stats */}\n

📝 {totalItems} Total Items

✅ {claimedItems} Claimed

⏳ {unclaimedItems} Still Needed

👥 {data.users.length} Family Members

\n\n {/* Add Item Form */}\n

\n \n

\n\n {/* Notes Section */}\n \n\n {/* Items by Category */}\n

\n {Object.entries(CATEGORY_LABELS).map(([categoryKey, categoryLabel]) => {\n const category = categoryKey as ItemCategory;\n const categoryItems = itemsByCategory[category] || [];\n \n if (categoryItems.length === 0) return null;\n\n return (\n

\n {CATEGORY_EMOJIS[category]}\n {categoryLabel}\n \n ({categoryItems.length} item{categoryItems.length !== 1 ? 's' : ''})\n \n

\n \n

\n {categoryItems.map(item => (\n \n ))}\n

\n );\n })}\n

\n\n {totalItems === 0 && (\n

🍽️

No items yet!

Be the first to add something delicious to the potluck! 🎉

\n )}\n\n {/* Footer */}\n

This is your private potluck space. Share the link above to invite family! 🔗

\n\n {/* Admin Panel */}\n \n

\n );\n}","deleted","label",[171,172,153],"frontend","components","permalink","https://www.val.town/x/mattb/Potluckapp/code/frontend/components/App.tsx","extension","actionData","errors"]