Budget Tracker

Take control of your finances

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

\n setIsLogin(true)}\n className={`flex-1 py-2 px-4 rounded-l-lg font-medium transition-colors ${\n isLogin \n ? 'bg-white text-blue-600 shadow-sm' \n : 'text-white hover:bg-white hover:bg-opacity-10'\n }`}\n >\n Login\n \n setIsLogin(false)}\n className={`flex-1 py-2 px-4 rounded-r-lg font-medium transition-colors ${\n !isLogin \n ? 'bg-white text-blue-600 shadow-sm' \n : 'text-white hover:bg-white hover:bg-opacity-10'\n }`}\n >\n Sign Up\n \n

\n\n

\n {!isLogin && (\n

\n \n Username\n \n \n

\n )}\n\n

\n \n Email\n \n \n

\n\n

\n \n Password\n \n \n

\n\n {error && (\n

\n {error}\n

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

\n {isLogin ? 'Signing In...' : 'Creating Account...'}\n

\n ) : (\n isLogin ? 'Sign In' : 'Create Account'\n )}\n \n \n\n

\n {isLogin ? \"Don't have an account? \" : \"Already have an account? \"}\n setIsLogin(!isLogin)}\n className=\"text-white font-medium hover:underline\"\n >\n {isLogin ? 'Sign up' : 'Sign in'}\n \n

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

📊

Analytics

🎯

Budgets

📱

Mobile Ready

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