FarmConnect

Join the farming community

\n\n {/* Auth Form */}\n

\n setIsLogin(true)}\n className={`flex-1 py-2 px-4 rounded-l-lg transition-all ${\n isLogin \n ? 'bg-green-500 text-white' \n : 'bg-gray-100 text-gray-600 hover:bg-gray-200'\n }`}\n >\n Login\n \n setIsLogin(false)}\n className={`flex-1 py-2 px-4 rounded-r-lg transition-all ${\n !isLogin \n ? 'bg-green-500 text-white' \n : 'bg-gray-100 text-gray-600 hover:bg-gray-200'\n }`}\n >\n Register\n \n

\n\n

\n \n Username\n \n setUsername(e.target.value)}\n className=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-transparent transition-all\"\n placeholder=\"Enter your username\"\n required\n minLength={3}\n />\n

\n\n {error && (\n

\n {error}\n

\n )}\n\n \n {loading ? (\n \n \n Processing...\n \n ) : (\n `${isLogin ? 'Login' : 'Create Account'} 🚀`\n )}\n \n \n\n

\n {isLogin ? \"New to FarmConnect?\" : \"Already have an account?\"}{' '}\n setIsLogin(!isLogin)}\n className=\"text-green-500 hover:text-green-600 font-medium\"\n >\n {isLogin ? 'Create an account' : 'Sign in'}\n \n

\n\n {/* Features Preview */}\n

🌱

Manage Crops

🐄

Track Livestock

💬

Community Chat

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/Pondaman/Farmers_Hub/code/frontend/components/Auth.tsx","extension","actionData","errors"]