\n 📚 StudyBuddy\n

\n Connect with peer tutors in your school\n

\n\n {error && (\n

\n {error}\n

\n )}\n\n

\n setIsLogin(true)}\n className={`flex-1 py-2 px-4 rounded-md text-sm font-medium transition-colors ${\n isLogin \n ? \"bg-white text-gray-900 shadow-sm\" \n : \"text-gray-500 hover:text-gray-700\"\n }`}\n >\n Login\n \n setIsLogin(false)}\n className={`flex-1 py-2 px-4 rounded-md text-sm font-medium transition-colors ${\n !isLogin \n ? \"bg-white text-gray-900 shadow-sm\" \n : \"text-gray-500 hover:text-gray-700\"\n }`}\n >\n Register\n \n

\n\n {isLogin ? (\n

\n \n Email\n \n setLoginForm({ ...loginForm, 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\"\n placeholder=\"your.email@school.edu\"\n />\n

\n\n

\n \n Password\n \n setLoginForm({ ...loginForm, password: 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\"\n placeholder=\"••••••••\"\n />\n

\n\n \n {loading ? \"Signing in...\" : \"Sign In\"}\n \n \n ) : (\n

\n \n Full Name\n \n setRegisterForm({ ...registerForm, 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\"\n placeholder=\"John Doe\"\n />\n

\n\n

\n \n Email\n \n setRegisterForm({ ...registerForm, 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\"\n placeholder=\"your.email@school.edu\"\n />\n

\n\n

\n \n Password\n \n setRegisterForm({ ...registerForm, password: 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\"\n placeholder=\"••••••••\"\n />\n

\n\n

\n \n School\n \n setRegisterForm({ ...registerForm, school: 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\"\n >\n \n {schools.map((school) => (\n \n ))}\n \n

\n\n

\n \n Grade Level\n \n setRegisterForm({ ...registerForm, grade_level: 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\"\n >\n \n \n \n \n \n \n \n \n \n \n \n

\n\n

\n \n Bio (Optional)\n \n setRegisterForm({ ...registerForm, bio: 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\"\n placeholder=\"Tell others about yourself...\"\n rows={3}\n />\n

\n\n \n {loading ? \"Creating account...\" : \"Create Account\"}\n \n \n )}\n

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