diff --git a/libs/ui/src/lib/accounts-table/accounts-table.component.html b/libs/ui/src/lib/accounts-table/accounts-table.component.html
index 35850044e..70e8c41bf 100644
--- a/libs/ui/src/lib/accounts-table/accounts-table.component.html
+++ b/libs/ui/src/lib/accounts-table/accounts-table.component.html
@@ -348,12 +348,12 @@
-@if (isLoading) {
+@if (isLoading()) {
();
- public isLoading = true;
public routeQueryParams: Subscription;
public readonly accounts = input.required();
@@ -118,6 +117,8 @@ export class GfAccountsTableComponent implements OnChanges, OnDestroy {
return columns;
});
+ protected readonly isLoading = computed(() => !this.accounts());
+
private readonly notificationService = inject(NotificationService);
private readonly router = inject(Router);
private readonly unsubscribeSubject = new Subject();
@@ -135,16 +136,10 @@ export class GfAccountsTableComponent implements OnChanges, OnDestroy {
}
public ngOnChanges() {
- this.isLoading = true;
-
this.dataSource = new MatTableDataSource(this.accounts());
this.dataSource.sortingDataAccessor = getLowercase;
this.dataSource.sort = this.sort;
-
- if (this.accounts()) {
- this.isLoading = false;
- }
}
public onDeleteAccount(aId: string) {