From 79adf3d3f5af84743a1832c66a1811464c6b7f4e Mon Sep 17 00:00:00 2001
From: Mark Hoekveen <mark@hoekveen.net>
Date: Fri, 1 Aug 2025 18:32:48 +0200
Subject: [PATCH] remove auth status if not logged in

---
 frontend/src/components/AuthStatus.tsx | 49 ++++++++++----------------
 1 file changed, 19 insertions(+), 30 deletions(-)

diff --git a/frontend/src/components/AuthStatus.tsx b/frontend/src/components/AuthStatus.tsx
index 6335712..bdf6527 100644
--- a/frontend/src/components/AuthStatus.tsx
+++ b/frontend/src/components/AuthStatus.tsx
@@ -48,35 +48,24 @@ export default function AuthStatus() {
     : { isAuthenticated: auth.isAuthenticated, user: auth.user };
 
   return (
-    <div
-      className={`${nunito.className} absolute top-4 right-4 flex items-center gap-2 rounded-lg bg-blue-950/80 px-3 py-2`}
-    >
-      {displayState.isAuthenticated ? (
-        <>
-          <div className="h-2 w-2 rounded-full bg-green-500"></div>
-          <span className="text-sm font-medium text-white">
-            {displayState.user?.profile.name || "Authenticated"}
-          </span>
-          <button
-            onClick={() => {
-              void auth.removeUser();
-              router.push("/");
-            }}
-            className="ml-1 rounded bg-gray-500/50 px-2 py-1 text-xs transition-colors hover:bg-red-500/30"
-          >
-            Uitloggen
-          </button>
-        </>
-      ) : (
-        <>
-          <button
-            onClick={() => void auth.signinRedirect()}
-            className="rounded px-1 py-2 text-xs"
-          >
-            <div className="h-2 w-2 rounded-full bg-red-500"></div>
-          </button>
-        </>
-      )}
-    </div>
+    displayState.isAuthenticated && (
+      <div
+        className={`${nunito.className} absolute top-4 right-4 flex items-center gap-2 rounded-lg bg-blue-950/80 px-3 py-2`}
+      >
+        <div className="h-2 w-2 rounded-full bg-green-500"></div>
+        <span className="text-sm font-medium text-white">
+          {displayState.user?.profile.name || "Authenticated"}
+        </span>
+        <button
+          onClick={() => {
+            void auth.removeUser();
+            router.push("/");
+          }}
+          className="ml-1 rounded bg-gray-500/50 px-2 py-1 text-xs transition-colors hover:bg-red-500/30"
+        >
+          Uitloggen
+        </button>
+      </div>
+    )
   );
 }