AeThex-Corporation/aethex-forge
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Update form to include full name for signup and proper handlers

Browse source 
cgen-16265738c08540a2ad74cf5acdfd117c
This commit is contained in:
Builder.io 2025-08-06 00:06:21 +00:00
parent 21858635da
commit a082a1a71e
1 changed files with 29 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
client/pages/Login.tsx
View file

@ -172,13 +172,33 @@ export default function Login() {
</div> </div>
{/* Email/Password Form */} {/* 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"> <div className="space-y-2">
<Label htmlFor="email" className="text-sm font-medium"> <Label htmlFor="email" className="text-sm font-medium">
Email Address Email Address
</Label> </Label>
<div className="relative"> <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 <Input
id="email" id="email"
type="email" type="email"
@ -202,11 +222,17 @@ export default function Login() {
type="password" type="password"
value={password} value={password}
onChange={(e) => setPassword(e.target.value)} 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" className="pl-10 bg-background/50 border-border/50 focus:border-aethex-400"
required required
minLength={isSignUp ? 6 : undefined}
/> />
</div> </div>
{isSignUp && (
<p className="text-xs text-muted-foreground">
Password must be at least 6 characters long
</p>
)}
</div> </div>
<div className="flex items-center justify-between text-sm"> <div className="flex items-center justify-between text-sm">