From 127417e154aa1dc0d77a3634e6698db03806e730 Mon Sep 17 00:00:00 2001
From: lenhanphung <lenhanphung@gmail.com>
Date: Wed, 17 Sep 2025 18:13:11 +0700
Subject: [PATCH] fix(menubar): improve user avatar display logic

- Add null safety checks for user object
- Use optional chaining for safer property access
- Add fallback for empty email/name values
---
 src/components/Menubar/Menubar.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/Menubar/Menubar.tsx b/src/components/Menubar/Menubar.tsx
index cc3ee09..f19afe6 100644
--- a/src/components/Menubar/Menubar.tsx
+++ b/src/components/Menubar/Menubar.tsx
@@ -48,14 +48,16 @@ export function Menubar() {
           <Avatar
             sx={{
               bgcolor: stringToColor(
-                user.family_name ? user.family_name : user.email
+                (user && user.family_name) ? user.family_name : 
+                (user && user.email) ? user.email : 
+                ''
               ),
             }}
             sizes="large"
           >
-            {user.name && user.family_name
+            {user?.name && user?.family_name
               ? `${user.name[0]}${user.family_name[0]}`
-              : user.email[0]}
+              : user?.email?.[0] ?? ''}
           </Avatar>
         </div>
       </header>