\n {/* Event Image Placeholder */}\n

📅

{event.category.toUpperCase()}

\n\n

\n {/* Header */}\n

{event.title}

\n 📍 {event.location}\n

\n \n {event.category}\n \n

\n\n {/* Description */}\n

\n {event.description}\n

\n\n {/* Date and Time */}\n

\n 📅\n {formatDate(event.startDate)}\n

\n 🕐\n \n {formatTime(event.startTime)}\n {event.endTime && ` - ${formatTime(event.endTime)}`}\n \n

\n\n {/* Attendees */}\n

\n {event.currentAttendees}\n {event.maxAttendees && (\n / {event.maxAttendees}\n )}\n attending\n

\n \n

\n by {event.organizerName}\n

\n\n {/* Tags */}\n {event.tags && event.tags.length > 0 && (\n

\n {event.tags.slice(0, 3).map((tag, index) => (\n \n #{tag}\n \n ))}\n {event.tags.length > 3 && (\n \n +{event.tags.length - 3} more\n \n )}\n

\n )}\n\n {/* RSVP Section */}\n {currentUser && !isEventPast && (\n

\n {userRSVP ? `You're ${userRSVP.status.replace('_', ' ')}` : 'RSVP to this event'}\n

\n \n

\n handleRSVP('going')}\n disabled={loading || (isEventFull && userRSVP?.status !== 'going')}\n className={`flex-1 px-3 py-2 rounded-md text-sm font-medium transition-colors ${\n userRSVP?.status === 'going'\n ? 'bg-green-500 text-white'\n : 'bg-green-100 text-green-700 hover:bg-green-200'\n } ${(isEventFull && userRSVP?.status !== 'going') ? 'opacity-50 cursor-not-allowed' : ''}`}\n >\n Going\n \n \n handleRSVP('maybe')}\n disabled={loading}\n className={`flex-1 px-3 py-2 rounded-md text-sm font-medium transition-colors ${\n userRSVP?.status === 'maybe'\n ? 'bg-yellow-500 text-white'\n : 'bg-yellow-100 text-yellow-700 hover:bg-yellow-200'\n }`}\n >\n Maybe\n \n \n handleRSVP('not_going')}\n disabled={loading}\n className={`flex-1 px-3 py-2 rounded-md text-sm font-medium transition-colors ${\n userRSVP?.status === 'not_going'\n ? 'bg-red-500 text-white'\n : 'bg-red-100 text-red-700 hover:bg-red-200'\n }`}\n >\n Can't Go\n \n

\n \n {isEventFull && userRSVP?.status !== 'going' && (\n

\n This event is full\n

\n )}\n

\n )}\n\n {/* Past Event Notice */}\n {isEventPast && (\n

\n This event has already occurred\n

\n )}\n\n {/* Not Logged In Notice */}\n {!currentUser && (\n

\n Join the community to RSVP to events\n

\n )}\n

\n );\n}","deleted","label",[168,169,150],"frontend","components","permalink","https://www.val.town/x/Omosola_1/Create/code/frontend/components/EventCard.tsx","extension","actionData","errors"]