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) {