From c7900221c36a63ac47eb1a73cba3efa0e578a895 Mon Sep 17 00:00:00 2001
From: Indigo Tang <indigoo@gmail.com>
Date: Sun, 6 Jul 2025 12:52:32 +0000
Subject: [PATCH] Top menu the login button need show which user login, base on
 email name

---
 src/components/layout/Header.tsx |  10 +++++-----
 toyshare.db-shm                  | Bin 32768 -> 32768 bytes
 toyshare.db-wal                  | Bin 70072 -> 78312 bytes
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx
index d87abf2..bfab99e 100644
--- a/src/components/layout/Header.tsx
+++ b/src/components/layout/Header.tsx
@@ -102,12 +102,13 @@ export default function Header() {
             {isMounted && isAuthenticated ? (
               <DropdownMenu>
                 <DropdownMenuTrigger asChild>
-                  <Button variant="ghost" size="icon" className="rounded-full h-9 w-9 md:h-10 md:w-10">
-                    <UserCircle2 className="h-6 w-6" />
+                  <Button variant="ghost" size="sm" className="px-2 sm:px-3 capitalize">
+                    <UserCircle2 className="mr-2 h-4 w-4" />
+                    {userEmail?.split('@')[0]}
                   </Button>
                 </DropdownMenuTrigger>
                 <DropdownMenuContent align="end">
-                  <DropdownMenuLabel>{t('header.my_account')}</DropdownMenuLabel>
+                  <DropdownMenuLabel className="truncate">{userEmail}</DropdownMenuLabel>
                   <DropdownMenuSeparator />
                   <DropdownMenuItem asChild>
                     <Link href={`/${locale}/dashboard`}>
@@ -154,8 +155,7 @@ export default function Header() {
             ) : (
               // Skeleton for auth buttons during hydration
               <div className="flex items-center gap-2">
-                <div className="h-9 w-20 bg-muted rounded-md animate-pulse"></div>
-                <div className="h-9 w-24 bg-muted rounded-md animate-pulse"></div>
+                <div className="h-9 w-28 bg-muted rounded-md animate-pulse"></div>
               </div>
             )}
           </nav>
diff --git a/toyshare.db-shm b/toyshare.db-shm
index 1b4d7ffe6f696fa8c44860b754358f265c423b73..49d25a32ebc0a5ed68f78c6c351ca7976893d306 100644
GIT binary patch
delta 165
zcmZo@U}|V!s+V}A%K!o#K+MR%ARr8+*?{;#>CTgrAM6PaeYtnVrD~4moqJiO8e}|#
wNL3Fs3JgHz{zn2(;feLWtV}>Q%f^ewu8cw(FMeg({L6!lnNfH%qtAb10BS)rH2?qr

delta 167
zcmZo@U}|V!s+V}A%K!rGK+MR%ARq{&*?_ok+nUzLCH*m>FZZsvRL#*Wa(Umhb!^A|
vNmUOt3JgHz{zn2(;feLW8?R_NO?<$y`JWRT^Ttcxm^T0NfHJ=MaTx*tpNl(E

diff --git a/toyshare.db-wal b/toyshare.db-wal
index 8e242c5af4173cb9b33decea0ae3b20c4e7d8c39..466b2e502d2e1e6c1367416511999e803e2daa8b 100644
GIT binary patch
delta 97
zcmV-n0G|K2qXg*V1c0;wxDk^$5D*CDF}n5TS>8jl;BZ6>v&`(X0~ZMwA1xPMf@>Ld
zb7gWd<&==-g_Y@?mXp2A>>f#OWNBw_0000400006Rq4H`(t8Ml$+>mlSG?epqY#l0
DSbZyf

delta 11
ScmaFym}SRemWC~iI|KnFCIu}3