\n {/* Header */}\n

\n 🎉 EventHub\n

\n {state.view === \"chat\" && state.selectedEvent && (\n

\n →\n {state.selectedEvent.title}\n

\n )}\n

\n \n

\n {state.view !== \"events\" && (\n \n ← Back to Events\n \n )}\n \n {state.view === \"events\" && (\n <>\n \n {state.loading ? (\n

\n ) : (\n \"🔄 Refresh\"\n )}\n \n \n setState(prev => ({ ...prev, view: \"create\" }))}\n className=\"btn-primary text-white px-4 py-2 rounded-md text-sm font-medium\"\n >\n ➕ Create Event\n \n \n )}\n

\n\n {/* Error Banner */}\n {state.error && (\n

\n ⚠️\n

{state.error}

\n setState(prev => ({ ...prev, error: null }))}\n className=\"text-red-400 hover:text-red-600\"\n >\n ✕\n \n

\n )}\n\n {/* Main Content */}\n

\n {state.view === \"events\" && (\n

\n \n \n

\n )}\n\n {state.view === \"create\" && (\n \n )}\n\n {state.view === \"chat\" && state.selectedEvent && (\n \n )}\n

\n\n {/* Footer */}\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/App.tsx","extension","actionData","errors"]