From 4fcf848ed4fca64cd8c41bc9caefac75f58dd85d Mon Sep 17 00:00:00 2001
From: Hugo <exo-ops@proton.me>
Date: Tue, 24 Mar 2026 15:28:17 +0100
Subject: [PATCH] feaat: show loading state on signin

---
 packages/app/src/pages/sign-in.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/app/src/pages/sign-in.tsx b/packages/app/src/pages/sign-in.tsx
index 324482d..2af4f53 100644
--- a/packages/app/src/pages/sign-in.tsx
+++ b/packages/app/src/pages/sign-in.tsx
@@ -4,6 +4,7 @@ import * as ui from "@exosphere/client/ui.css";
 export function SignIn() {
   const handle = useSignal("");
   const error = useSignal("");
+  const loading = useSignal(false);
 
   const submit = (e: Event) => {
     e.preventDefault();
@@ -12,6 +13,7 @@ export function SignIn() {
       error.value = "Please enter your handle.";
       return;
     }
+    loading.value = true;
     // Full page redirect to initiate OAuth flow
     window.location.href = `/api/oauth/login?handle=${encodeURIComponent(value)}`;
   };
@@ -42,8 +44,8 @@ export function SignIn() {
 
           {error.value && <p class={ui.errorText}>{error.value}</p>}
 
-          <button type="submit" class={ui.button}>
-            Sign in
+          <button type="submit" class={ui.button} disabled={loading.value}>
+            {loading.value ? "Signing in…" : "Sign in"}
           </button>
         </form>
       </div>
-- 
2.51.2