From de855c6fdb3ea851d2d1cbf520b724c19e48d70e Mon Sep 17 00:00:00 2001
From: Carter <carter@adaptiveagriculture.ca>
Date: Wed, 17 Dec 2025 10:46:20 -0600
Subject: [PATCH] adding ? before accessing length to prevent white screen
 error

---
 src/user/UserMenu.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/user/UserMenu.tsx b/src/user/UserMenu.tsx
index c22b622..a65b935 100644
--- a/src/user/UserMenu.tsx
+++ b/src/user/UserMenu.tsx
@@ -166,7 +166,7 @@ export default function UserMenu() {
     );
   };
 
-  if (user.id().length < 1) return unauthenticatedUserMenu()
+  if (user.id()?.length < 1) return unauthenticatedUserMenu()
 
   const hasAdmin = user.hasFeature ? user.hasFeature("admin") : false;
 
@@ -182,7 +182,7 @@ export default function UserMenu() {
           <UserTeamName user={user} team={team} />
         </Box>
         <Box style={{ marginLeft: theme.spacing(1) }}>
-          {picture && hasTeams && team.id().length > 0 ? (
+          {picture && hasTeams && team.id()?.length > 0 ? (
             <div>
               <UserAvatar
                 user={user}
@@ -238,7 +238,7 @@ export default function UserMenu() {
         {hasTeams && (
           <MenuItem
             onClick={() => {
-              if (as.length > 1) {
+              if (as?.length > 1) {
                 user.settings.useTeam = false;
                 dispatch({ key: "as", value: "" });
                 userAPI.updateUser(user.id(), user.protobuf()).then(_resp => {
@@ -252,13 +252,13 @@ export default function UserMenu() {
                 });
               }
             }}
-            disabled={user.settings.defaultTeam.length < 1}
+            disabled={user.settings.defaultTeam?.length < 1}
             aria-label="Open Team Menu"
             dense>
             <ListItemIcon>
               <Checkbox
-                disabled={user.settings.defaultTeam.length < 1}
-                checked={as.length > 1}
+                disabled={user.settings.defaultTeam?.length < 1}
+                checked={as?.length > 1}
                 style={{ margin: 0, padding: 0 }}
               />
             </ListItemIcon>