From a082a1a71e3a2d3d3e8dfd125db7a7ca5b21811a Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Wed, 6 Aug 2025 00:06:21 +0000
Subject: [PATCH] Update form to include full name for signup and proper
 handlers

cgen-16265738c08540a2ad74cf5acdfd117c
---
 client/pages/Login.tsx | 32 +++++++++++++++++++++++++++++---
 1 file changed, 29 insertions(+), 3 deletions(-)

diff --git a/client/pages/Login.tsx b/client/pages/Login.tsx
index 2e357711..335404e6 100644
--- a/client/pages/Login.tsx
+++ b/client/pages/Login.tsx
@@ -172,13 +172,33 @@ export default function Login() {
               </div>
 
               {/* Email/Password Form */}
-              <form onSubmit={handleLogin} className="space-y-4">
+              <form onSubmit={handleSubmit} className="space-y-4">
+                {isSignUp && (
+                  <div className="space-y-2">
+                    <Label htmlFor="fullName" className="text-sm font-medium">
+                      Full Name
+                    </Label>
+                    <div className="relative">
+                      <User className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground" />
+                      <Input
+                        id="fullName"
+                        type="text"
+                        value={fullName}
+                        onChange={(e) => setFullName(e.target.value)}
+                        placeholder="Enter your full name"
+                        className="pl-10 bg-background/50 border-border/50 focus:border-aethex-400"
+                        required={isSignUp}
+                      />
+                    </div>
+                  </div>
+                )}
+
                 <div className="space-y-2">
                   <Label htmlFor="email" className="text-sm font-medium">
                     Email Address
                   </Label>
                   <div className="relative">
-                    <User className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground" />
+                    <Mail className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground" />
                     <Input
                       id="email"
                       type="email"
@@ -202,11 +222,17 @@ export default function Login() {
                       type="password"
                       value={password}
                       onChange={(e) => setPassword(e.target.value)}
-                      placeholder="Enter your password"
+                      placeholder={isSignUp ? "Create a password" : "Enter your password"}
                       className="pl-10 bg-background/50 border-border/50 focus:border-aethex-400"
                       required
+                      minLength={isSignUp ? 6 : undefined}
                     />
                   </div>
+                  {isSignUp && (
+                    <p className="text-xs text-muted-foreground">
+                      Password must be at least 6 characters long
+                    </p>
+                  )}
                 </div>
 
                 <div className="flex items-center justify-between text-sm">