From 907085dc6c26e92155820ec0434a3f61eeb5705f Mon Sep 17 00:00:00 2001
From: austinchima <austinchima515@gmail.com>
Date: Thu, 28 May 2026 22:01:44 -0400
Subject: [PATCH] feat: implement authentication gate with sign-in and sign-up
 UI in App.tsx

---
 MySupplyChain.API/appsettings.Development.json | 16 ++++++++--------
 MySupplyChain.UI/src/App.tsx                   |  4 ++++
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/MySupplyChain.API/appsettings.Development.json b/MySupplyChain.API/appsettings.Development.json
index 0c208ae..ff66ba6 100644
--- a/MySupplyChain.API/appsettings.Development.json
+++ b/MySupplyChain.API/appsettings.Development.json
@@ -1,8 +1,8 @@
-{
-  "Logging": {
-    "LogLevel": {
-      "Default": "Information",
-      "Microsoft.AspNetCore": "Warning"
-    }
-  }
-}
+{
+  "Logging": {
+    "LogLevel": {
+      "Default": "Information",
+      "Microsoft.AspNetCore": "Warning"
+    }
+  }
+}
diff --git a/MySupplyChain.UI/src/App.tsx b/MySupplyChain.UI/src/App.tsx
index 5e6c57f..fbaa695 100644
--- a/MySupplyChain.UI/src/App.tsx
+++ b/MySupplyChain.UI/src/App.tsx
@@ -146,6 +146,7 @@ function LoginGate({
                   <span className="material-symbols-outlined absolute left-4 top-1/2 -translate-y-1/2 text-outline/65 text-[20px]">mail</span>
                   <input
                     type="email"
+                    autoComplete="username"
                     value={usernameOrEmail}
                     onChange={(e) => setUsernameOrEmail(e.target.value)}
                     placeholder="you@company.com"
@@ -161,6 +162,7 @@ function LoginGate({
                   <span className="material-symbols-outlined absolute left-4 top-1/2 -translate-y-1/2 text-outline/65 text-[20px]">lock</span>
                   <input
                     type="password"
+                    autoComplete="current-password"
                     value={password}
                     onChange={(e) => setPassword(e.target.value)}
                     placeholder="••••••••••••"
@@ -212,6 +214,7 @@ function LoginGate({
                   <span className="material-symbols-outlined absolute left-4 top-1/2 -translate-y-1/2 text-outline/65 text-[20px]">mail</span>
                   <input
                     type="email"
+                    autoComplete="username"
                     value={signUpEmail}
                     onChange={(e) => setSignUpEmail(e.target.value)}
                     placeholder="you@company.com"
@@ -227,6 +230,7 @@ function LoginGate({
                   <span className="material-symbols-outlined absolute left-4 top-1/2 -translate-y-1/2 text-outline/65 text-[20px]">lock</span>
                   <input
                     type="password"
+                    autoComplete="new-password"
                     value={signUpPassword}
                     onChange={(e) => setSignUpPassword(e.target.value)}
                     placeholder="Enter secure password"