From 0f28e879f0972b778307ccffcb291ea1b1d32884 Mon Sep 17 00:00:00 2001
From: NixReaper <nixreaper@outlook.com>
Date: Sat, 25 Apr 2026 15:27:28 -0500
Subject: [PATCH] fix: change login field from email to username type

Browser validates type=email and rejects plain usernames like 'admin'.
Changed to type=text with Username label to match the generated credentials.
---
 nixclient/src/App.tsx | 6 +++---
 nixserver/src/App.tsx | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/nixclient/src/App.tsx b/nixclient/src/App.tsx
index 49ca5cc..d57da83 100644
--- a/nixclient/src/App.tsx
+++ b/nixclient/src/App.tsx
@@ -67,14 +67,14 @@ export default function App() {
         <div className="bg-gray-900/50 border border-gray-800 rounded-xl p-8">
           <form onSubmit={handleLogin} className="space-y-4">
             <div>
-              <label className="block text-sm text-gray-400 mb-1.5">Email</label>
+              <label className="block text-sm text-gray-400 mb-1.5">Username</label>
               <input
-                type="email"
+                type="text"
                 value={email}
                 onChange={(e) => setEmail(e.target.value)}
                 required
                 className="w-full bg-gray-900 border border-gray-700 text-white rounded-lg px-4 py-2.5 text-sm placeholder-gray-500 focus:outline-none focus:border-emerald-500 transition-colors"
-                placeholder="you@example.com"
+                placeholder="username"
               />
             </div>
 
diff --git a/nixserver/src/App.tsx b/nixserver/src/App.tsx
index 62ffd93..b1b749b 100644
--- a/nixserver/src/App.tsx
+++ b/nixserver/src/App.tsx
@@ -69,14 +69,14 @@ export default function App() {
         <div className="bg-gray-900/50 border border-gray-800 rounded-xl p-8">
           <form onSubmit={handleLogin} className="space-y-4">
             <div>
-              <label className="block text-sm text-gray-400 mb-1.5">Email</label>
+              <label className="block text-sm text-gray-400 mb-1.5">Username</label>
               <input
-                type="email"
+                type="text"
                 value={email}
                 onChange={(e) => setEmail(e.target.value)}
                 required
                 className="w-full bg-gray-900 border border-gray-700 text-white rounded-lg px-4 py-2.5 text-sm placeholder-gray-500 focus:outline-none focus:border-blue-500 transition-colors"
-                placeholder="admin@example.com"
+                placeholder="admin"
               />
             </div>