From c5139e9ab3633c5b36ac5f374aca67d00702326c Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Tue, 1 Sep 2026 20:06:04 +0200
Subject: [PATCH] Bugfix/loading state of accounts table on accounts page
 (#7787)

* Fix loading state of accounts table

* Update changelog
---
 CHANGELOG.md                                               | 6 ++++++
 apps/client/src/app/pages/accounts/accounts-page.html      | 2 +-
 libs/ui/src/lib/accounts-table/accounts-table.component.ts | 4 ++--
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index bf8ec7c26..646c59ecb 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## Unreleased
+
+### Fixed
+
+- Fixed the loading state of the accounts table on the accounts page
+
 ## 3.65.0 - 2026-08-31
 
 ### Added
diff --git a/apps/client/src/app/pages/accounts/accounts-page.html b/apps/client/src/app/pages/accounts/accounts-page.html
index e3f625ac1..55a8f6534 100644
--- a/apps/client/src/app/pages/accounts/accounts-page.html
+++ b/apps/client/src/app/pages/accounts/accounts-page.html
@@ -3,7 +3,7 @@
     <div class="col">
       <h1 class="d-none d-sm-block h3 mb-4 text-center" i18n>Accounts</h1>
       <gf-accounts-table
-        [accounts]="accounts ?? []"
+        [accounts]="accounts"
         [activitiesCount]="activitiesCount"
         [baseCurrency]="user?.settings?.baseCurrency"
         [hasPermissionToDeleteAccount]="hasPermissionToDeleteAccount"
diff --git a/libs/ui/src/lib/accounts-table/accounts-table.component.ts b/libs/ui/src/lib/accounts-table/accounts-table.component.ts
index 93b394951..48eb99d51 100644
--- a/libs/ui/src/lib/accounts-table/accounts-table.component.ts
+++ b/libs/ui/src/lib/accounts-table/accounts-table.component.ts
@@ -56,7 +56,7 @@ import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';
   templateUrl: './accounts-table.component.html'
 })
 export class GfAccountsTableComponent {
-  public readonly accounts = input.required<AccountWithValue[]>();
+  public readonly accounts = input.required<AccountWithValue[] | undefined>();
   public readonly activitiesCount = input<number>();
   public readonly baseCurrency = input<string>();
   public readonly hasPermissionToDeleteAccount = input<boolean>();
@@ -159,7 +159,7 @@ export class GfAccountsTableComponent {
 
     // Reactive data update
     effect(() => {
-      this.dataSource.data = this.accounts();
+      this.dataSource.data = this.accounts() ?? [];
     });
 
     // Reactive view connection