From 69fd0fe0014802f0d8ed6f8ca46d18d000e9cd11 Mon Sep 17 00:00:00 2001
From: kartik <kartikdeshpande2810@gmail.com>
Date: Fri, 21 Aug 2026 14:05:00 +0530
Subject: [PATCH] show logged-in user's name next to sign out button

---
 frontend/components/sign-in-out-button.tsx | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/frontend/components/sign-in-out-button.tsx b/frontend/components/sign-in-out-button.tsx
index fcce63e..b88c9db 100644
--- a/frontend/components/sign-in-out-button.tsx
+++ b/frontend/components/sign-in-out-button.tsx
@@ -17,12 +17,17 @@ export function SignInOutButton() {
   const loginReturnHref = `/auth/login?returnTo=${encodeURIComponent(pathname)}`;
 
   return user ? (
-    <Button variant="outline" size="sm" asChild>
-      <a href="/auth/logout" className="flex items-center gap-2">
-        <LogOut className="h-4 w-4" />
-        Sign Out
-      </a>
-    </Button>
+    <div className="flex items-center gap-3">
+      <span className="text-sm font-medium text-slate-700">
+        {user.name ?? user.nickname ?? user.email}
+      </span>
+      <Button variant="outline" size="sm" asChild>
+        <a href="/auth/logout" className="flex items-center gap-2">
+          <LogOut className="h-4 w-4" />
+          Sign Out
+        </a>
+      </Button>
+    </div>
   ) : (
     <Button variant="outline" size="sm" asChild>
       <Link href={loginReturnHref} className="flex items-center gap-2">