Loading events...

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

\n {/* Filters */}\n

\n \n 🔍 Search Events\n \n setFilters(prev => ({ ...prev, search: e.target.value }))}\n placeholder=\"Search by title, description, or location...\"\n className=\"w-full form-input px-3 py-2 border border-gray-300 rounded-md text-sm\"\n />\n

\n \n

\n \n 📅 When\n \n setFilters(prev => ({ ...prev, dateFilter: e.target.value }))}\n className=\"w-full form-input px-3 py-2 border border-gray-300 rounded-md text-sm\"\n >\n \n \n \n \n \n

\n \n

\n \n 🎂 Your Age (optional)\n \n setFilters(prev => ({ ...prev, ageFilter: e.target.value }))}\n placeholder=\"Enter your age\"\n min=\"1\"\n max=\"120\"\n className=\"w-full form-input px-3 py-2 border border-gray-300 rounded-md text-sm\"\n />\n

\n\n {/* Events List */}\n

\n {filteredEvents.length === 0 ? \"No events found\" : \n `${filteredEvents.length} event${filteredEvents.length !== 1 ? \"s\" : \"\"} found`}\n

\n {!loading && (\n \n 🔄 Refresh\n \n )}\n

\n\n {filteredEvents.length === 0 ? (\n

🎪

No events found

\n {filters.search || filters.dateFilter !== \"all\" || filters.ageFilter\n ? \"Try adjusting your filters to see more events.\"\n : \"Be the first to create an event in your area!\"\n }\n

\n {(!filters.search && filters.dateFilter === \"all\" && !filters.ageFilter) && (\n window.location.reload()}\n className=\"btn-primary text-white px-4 py-2 rounded-md text-sm font-medium\"\n >\n ➕ Create First Event\n \n )}\n

\n ) : (\n

\n {filteredEvents.map((event) => {\n const status = getEventStatus(event);\n const chatAvailable = canJoinChat(event);\n \n return (\n

{event.title}

\n \n {status.label}\n \n

\n \n

{event.description}

\n \n

\n 📅\n {formatDate(event.date)} at {formatTime(event.date)}\n

\n \n

\n 📍\n {event.location}\n

\n \n

\n 👤\n By {event.organizer_name}\n

\n \n {(event.min_age || event.max_age) && (\n

\n 🎂\n \n Ages {event.min_age || \"0\"}\n {event.max_age ? ` - ${event.max_age}` : \"+\"}\n \n

\n )}\n

\n \n

\n {chatAvailable ? (\n onJoinChat(event)}\n className=\"btn-primary text-white px-4 py-2 rounded-md text-sm font-medium whitespace-nowrap\"\n >\n 💬 Join Chat\n \n ) : (\n

\n {status.status === \"ended\" ? \"Chat closed\" : \"Chat opens 1hr before\"}\n

\n )}\n

\n );\n })}\n

\n )}\n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/M_mb_a/untitled-8829/code/frontend/components/EventList.tsx","extension","actionData","errors"]