From 97515cca96c2a4a835394f4f6c14ca4de66aac12 Mon Sep 17 00:00:00 2001
From: Leo dev <klesti.selimay@icloud.com>
Date: Wed, 22 Oct 2025 12:09:28 +0200
Subject: [PATCH] Improved auth ux

---
 src/components/auth/CreateAccount.tsx | 4 ++++
 src/components/auth/Login.tsx         | 7 ++++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/auth/CreateAccount.tsx b/src/components/auth/CreateAccount.tsx
index a4e29ef..8ff1f65 100644
--- a/src/components/auth/CreateAccount.tsx
+++ b/src/components/auth/CreateAccount.tsx
@@ -115,6 +115,7 @@ export default function CreateAccount() {
         <span>
           Email
           <Input
+            autoComplete="email"
             onChange={(e) => setEmail(e.target.value)}
             placeholder="john@example.com"
             type="email"
@@ -123,6 +124,7 @@ export default function CreateAccount() {
         <span>
           Username
           <Input
+            autoComplete="username"
             onChange={(e) => setUsername(e.target.value)}
             placeholder="john_doe"
           />
@@ -130,6 +132,7 @@ export default function CreateAccount() {
         <span>
           Password
           <Input
+            autoComplete="new-password"
             onChange={(e) => setPassword(e.target.value)}
             type="password"
           />
@@ -137,6 +140,7 @@ export default function CreateAccount() {
         <span>
           Confirm Password
           <Input
+            autoComplete="new-password"
             onChange={(e) => setConfirmPassword(e.target.value)}
             onKeyDown={(e) => {
               if (e.key === "Enter") signup();
diff --git a/src/components/auth/Login.tsx b/src/components/auth/Login.tsx
index 5b0e83d..058d3b1 100644
--- a/src/components/auth/Login.tsx
+++ b/src/components/auth/Login.tsx
@@ -51,11 +51,16 @@ export default function Login() {
       <CardContent className="gap-3 flex flex-col">
         <span>
           Email
-          <Input onChange={(e) => setEmail(e.target.value)} type="email" />
+          <Input
+            autoComplete="username"
+            onChange={(e) => setEmail(e.target.value)}
+            type="email"
+          />
         </span>
         <span>
           Password
           <Input
+            autoComplete="current-password"
             onChange={(e) => setPassword(e.target.value)}
             onKeyDown={(e) => {
               if (e.key === "Enter") login();