From 67b1943a9ee168ea1ee9a50039f89ee466e46cfb Mon Sep 17 00:00:00 2001
From: Alireza Hassani <alirezahassani@Meshkees-Mac-mini.local>
Date: Sat, 26 Sep 2026 11:44:53 +0330
Subject: [PATCH] Show phone username under the header display name.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 src/components/dashboard/DashboardHeader.tsx | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/components/dashboard/DashboardHeader.tsx b/src/components/dashboard/DashboardHeader.tsx
index 3db9c41..b6d2927 100644
--- a/src/components/dashboard/DashboardHeader.tsx
+++ b/src/components/dashboard/DashboardHeader.tsx
@@ -59,6 +59,7 @@ export default function DashboardHeader({
     user?.name?.trim() ||
     userName ||
     "کاربر";
+  const username = user?.cellNumber?.trim() || "";
   const [menuOpen, setMenuOpen] = useState(false);
   const [userOpen, setUserOpen] = useState(false);
   const [passwordOpen, setPasswordOpen] = useState(false);
@@ -112,10 +113,20 @@ export default function DashboardHeader({
               }}
               className="flex cursor-pointer items-center gap-2.5 text-ink transition-opacity hover:opacity-70"
             >
-              <span className="max-w-[12rem] truncate text-sm sm:max-w-none">
-                {displayName}
+              <span className="flex min-w-0 flex-col items-end leading-tight">
+                <span className="max-w-[12rem] truncate text-sm sm:max-w-none">
+                  {displayName}
+                </span>
+                {username ? (
+                  <span
+                    dir="ltr"
+                    className="max-w-[12rem] truncate font-montserrat text-[0.7rem] text-muted sm:max-w-none"
+                  >
+                    {username}
+                  </span>
+                ) : null}
               </span>
-              <span className="flex h-9 w-9 items-center justify-center border border-line bg-white">
+              <span className="flex h-9 w-9 shrink-0 items-center justify-center border border-line bg-white">
                 <UserIcon />
               </span>
             </button>