Activity Type

\n {activityTypes.map(type => (\n \n setFormData(prev => ({ ...prev, type: e.target.value as ActivityType }))}\n className=\"sr-only\"\n />\n

\n {type.icon}\n

{type.label}

{type.description}

\n \n ))}\n

\n\n

Activity Details

\n \n Title *\n \n setFormData(prev => ({ ...prev, title: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n placeholder=\"What's the activity?\"\n />\n

\n\n

\n \n Description\n \n setFormData(prev => ({ ...prev, description: e.target.value }))}\n rows={3}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n placeholder=\"Any additional details...\"\n />\n

\n\n

\n \n Location\n \n setFormData(prev => ({ ...prev, address: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n placeholder=\"Address or location description\"\n />\n

\n\n {formData.type === 'open_door' ? (\n

Duration

\n \n How long will your door be open? (hours)\n \n setFormData(prev => ({ ...prev, durationMinutes: parseInt(e.target.value) * 60 }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n >\n \n \n \n \n \n \n \n

\n ) : (\n

Schedule

\n \n Start Time *\n \n setFormData(prev => ({ ...prev, startTime: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n />\n

\n \n End Time *\n \n setFormData(prev => ({ ...prev, endTime: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n />\n

\n )}\n\n

Who can see this?

\n {socialCircles.map(circle => (\n \n handleAudienceChange(circle.value as SocialCircle, e.target.checked)}\n className=\"h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded mt-1\"\n />\n

{circle.label}

{circle.description}

\n \n ))}\n

\n\n

Additional Info

\n \n setFormData(prev => ({ ...prev, childrenWelcome: e.target.checked }))}\n className=\"h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded\"\n />\n Children welcome\n \n\n

\n \n Available amenities\n \n

\n {commonAffordances.map(affordance => (\n \n handleAffordanceChange(affordance, e.target.checked)}\n className=\"h-3 w-3 text-blue-600 focus:ring-blue-500 border-gray-300 rounded\"\n />\n {affordance.replace('_', ' ')}\n \n ))}\n

\n\n {error && (\n

{error}

\n )}\n\n \n {loading ? (\n

\n Broadcasting...\n

\n ) : (\n 'Broadcast Activity'\n )}\n \n \n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/jessicaocean/OUT-app/code/frontend/components/CreateActivity.tsx","extension","actionData","errors"]