OUT

Welcome to your neighborhood

\n Let's set up your profile to start discovering activities with other families nearby.\n

\n\n

\n \n Your Name\n \n setFormData(prev => ({ ...prev, name: 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=\"Enter your name\"\n />\n

\n\n

\n \n Email Address\n \n setFormData(prev => ({ ...prev, email: 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=\"your.email@example.com\"\n />\n

\n Friends will use this email to add you to their network.\n

\n\n

\n \n Address (Optional)\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=\"Your neighborhood or address\"\n />\n

\n This helps us show you nearby activities. We're using SF coordinates by default.\n

\n\n

\n \n How do you get around?\n \n

\n {transportOptions.map(option => (\n \n handleTransportModeChange(option.value, e.target.checked)}\n className=\"h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded\"\n />\n \n {option.icon} {option.label}\n \n \n ))}\n

\n\n {error && (\n

{error}

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

\n Creating Profile...\n

\n ) : (\n 'Get Started'\n )}\n \n\n {onBackToLogin && (\n

\n \n Already have an account? Sign in\n \n

\n )}\n \n

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