Fix typecheck error

actualbudget · Feb 27, 2025 · 51fa4b6 · 51fa4b6
1 parent defa6df
commit 51fa4b6
Showing 1 changed file with 17 additions and 12 deletions.
diff --git a/packages/desktop-client/src/components/mobile/accounts/Accounts.tsx b/packages/desktop-client/src/components/mobile/accounts/Accounts.tsx
@@ -112,23 +112,28 @@ type AccountListItemProps = ComponentPropsWithoutRef<
   typeof ListBoxItem<AccountEntity>
 > & {
   updated: boolean;
-  connected: boolean;
-  pending: boolean;
-  failed: boolean;
+  isConnected: boolean;
+  isPending: boolean;
+  isFailed: boolean;
   getBalanceQuery: (account: AccountEntity) => Binding<'account', 'balance'>;
   onSelect: (id: string) => void;
 };
 
 function AccountListItem({
   updated,
-  connected,
-  pending,
-  failed,
+  isConnected,
+  isPending,
+  isFailed,
   getBalanceQuery,
   onSelect,
   ...props
 }: AccountListItemProps) {
   const { value: account } = props;
+
+  if (!account) {
+    return null;
+  }
+
   return (
     <ListBoxItem textValue={account.id} {...props}>
       {({ isDragging, isDropTarget }) => (
@@ -162,17 +167,17 @@ function AccountListItem({
                 'bankId' in account && account.bankId ? (
                   <View
                     style={{
-                      backgroundColor: pending
+                      backgroundColor: isPending
                         ? theme.sidebarItemBackgroundPending
-                        : failed
+                        : isFailed
                           ? theme.sidebarItemBackgroundFailed
                           : theme.sidebarItemBackgroundPositive,
                       marginRight: '8px',
                       width: 8,
                       flexShrink: 0,
                       height: 8,
                       borderRadius: 8,
-                      opacity: connected ? 1 : 0,
+                      opacity: isConnected ? 1 : 0,
                     }}
                   />
                 ) : null
@@ -366,9 +371,9 @@ function AccountList({
           key={account.id}
           value={account}
           updated={updatedAccounts && updatedAccounts.includes(account.id)}
-          connected={!!account.bank}
-          pending={syncingAccountIds.includes(account.id)}
-          failed={failedAccounts && failedAccounts.has(account.id)}
+          isConnected={!!account.bank}
+          isPending={syncingAccountIds.includes(account.id)}
+          isFailed={failedAccounts && failedAccounts.has(account.id)}
           getBalanceQuery={getBalanceBinding}
           onSelect={id => onOpenAccount(accountListData.getItem(id))}
         />