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
2025-09-17 18:13:11 +07:00
parent 0d662358cd
commit 127417e154
1 changed files with 5 additions and 3 deletions
@@ -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>