\n {mode === 'login' ? 'Welcome Back' : 'Join TaskSwap'}\n

\n \n ×\n \n

\n\n {error && (\n

\n {error}\n

\n )}\n\n

\n {mode === 'register' && (\n <>\n

\n Username\n setFormData(prev => ({ ...prev, username: e.target.value }))}\n placeholder=\"your_username\"\n />\n {validationErrors.username && (\n

{validationErrors.username}

\n )}\n

\n\n

\n Full Name\n setFormData(prev => ({ ...prev, full_name: e.target.value }))}\n placeholder=\"John Doe\"\n />\n {validationErrors.full_name && (\n

{validationErrors.full_name}

\n )}\n

\n \n )}\n\n

\n Email\n setFormData(prev => ({ ...prev, email: e.target.value }))}\n placeholder=\"john@example.com\"\n />\n {validationErrors.email && (\n

{validationErrors.email}

\n )}\n

\n\n

\n Password\n setFormData(prev => ({ ...prev, password: e.target.value }))}\n placeholder=\"••••••••\"\n />\n {validationErrors.password && (\n

{validationErrors.password}

\n )}\n

\n\n {mode === 'register' && (\n <>\n

\n Bio (Optional)\n setFormData(prev => ({ ...prev, bio: e.target.value }))}\n placeholder=\"Tell others about yourself and what you're good at...\"\n rows={3}\n />\n

\n\n

\n Your Skills\n

\n {SKILL_OPTIONS.map(skill => (\n \n toggleSkill(skill)}\n className=\"rounded border-gray-300 text-primary focus:ring-primary\"\n />\n {skill}\n \n ))}\n

\n {validationErrors.skills && (\n

{validationErrors.skills}

\n )}\n

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

\n {mode === 'login' ? 'Signing In...' : 'Creating Account...'}\n

\n ) : (\n mode === 'login' ? 'Sign In' : 'Create Account'\n )}\n \n \n\n

\n {mode === 'login' ? \"Don't have an account?\" : \"Already have an account?\"}\n {' '}\n onSwitchMode(mode === 'login' ? 'register' : 'login')}\n className=\"text-primary hover:text-primary-dark font-medium\"\n >\n {mode === 'login' ? 'Sign up' : 'Sign in'}\n \n

\n );\n}","deleted","label",[169,170,151],"frontend","components","permalink","https://www.val.town/x/vishuu6969696969/taskswap/code/frontend/components/AuthModal.tsx","extension","actionData","errors"]