From 1af007123372b56fdb3c5f6aa68f0ce6f53f0152 Mon Sep 17 00:00:00 2001
From: Konstantin Wohlwend <n2d4xc@gmail.com>
Date: Mon, 1 Jun 2026 18:55:29 -0700
Subject: [PATCH] Metrics page improvement

---
 .../projects/[projectId]/(overview)/metrics-page.tsx        | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/(overview)/metrics-page.tsx b/apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/(overview)/metrics-page.tsx
index 8e12d4479..d41f2722d 100644
--- a/apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/(overview)/metrics-page.tsx
+++ b/apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/(overview)/metrics-page.tsx
@@ -948,12 +948,12 @@ export default function MetricsPage(props: { toSetup: () => void }) {
   const [customDateRange, setCustomDateRange] = useState<CustomDateRange | null>(null);
   const user = useUser();
 
-  const displayName = user?.displayName || user?.primaryEmail || "User";
-  const truncatedName = displayName.length > 30 ? `${displayName.slice(0, 30)}...` : displayName;
+  const displayName = user?.displayName || user?.primaryEmail || null;
+  const truncatedName = displayName && displayName.length > 30 ? `${displayName.slice(0, 30)}...` : displayName;
 
   return (
     <PageLayout
-      title={`Welcome back, ${truncatedName}!`}
+      title={`Welcome back${truncatedName ? `, ${truncatedName}` : ""}!`}
       actions={
         <div className="flex items-center gap-2 sm:gap-3 flex-shrink-0">
           <TimeRangeToggle