diff --git a/libs/ui/src/lib/activities-table/activities-table.component.html b/libs/ui/src/lib/activities-table/activities-table.component.html
index 91fd662d1..b20e97a21 100644
--- a/libs/ui/src/lib/activities-table/activities-table.component.html
+++ b/libs/ui/src/lib/activities-table/activities-table.component.html
@@ -177,7 +177,7 @@
[deviceType]="deviceType"
[isDate]="true"
[locale]="locale"
- [value]="isLoading ? undefined : element.date"
+ [value]="isLoading() ? undefined : element.date"
/>
@@ -201,7 +201,7 @@
@@ -225,7 +225,7 @@
@@ -249,7 +249,7 @@
@@ -272,7 +272,7 @@
@@ -304,7 +304,7 @@
@@ -500,7 +500,7 @@
-@if (isLoading) {
+@if (isLoading()) {
diff --git a/libs/ui/src/lib/activities-table/activities-table.component.ts b/libs/ui/src/lib/activities-table/activities-table.component.ts
index 186627953..fa513f98a 100644
--- a/libs/ui/src/lib/activities-table/activities-table.component.ts
+++ b/libs/ui/src/lib/activities-table/activities-table.component.ts
@@ -26,6 +26,7 @@ import {
OnInit,
Output,
ViewChild,
+ computed,
inject,
input
} from '@angular/core';
@@ -138,13 +139,16 @@ export class GfActivitiesTableComponent
public hasDrafts = false;
public hasErrors = false;
public isAfter = isAfter;
- public isLoading = true;
public isUUID = isUUID;
public routeQueryParams: Subscription;
public selectedRows = new SelectionModel(true, []);
public readonly dataSource = input.required>();
+ public readonly isLoading = computed(() => {
+ return !this.dataSource();
+ });
+
private readonly notificationService = inject(NotificationService);
private readonly unsubscribeSubject = new Subject();
@@ -220,10 +224,6 @@ export class GfActivitiesTableComponent
return column !== 'nameWithSymbol';
});
}
-
- if (this.dataSource()) {
- this.isLoading = false;
- }
}
public areAllRowsSelected() {