diff --git a/apps/client/src/app/pages/portfolio/activities/activities-page.component.ts b/apps/client/src/app/pages/portfolio/activities/activities-page.component.ts index 41ff570c2..be45345eb 100644 --- a/apps/client/src/app/pages/portfolio/activities/activities-page.component.ts +++ b/apps/client/src/app/pages/portfolio/activities/activities-page.component.ts @@ -16,6 +16,7 @@ import { GfFabComponent } from '@ghostfolio/ui/fab'; import { DataService } from '@ghostfolio/ui/services'; import { + ChangeDetectionStrategy, ChangeDetectorRef, Component, DestroyRef, @@ -44,6 +45,7 @@ import { ImportActivitiesDialogParams } from './import-activities-dialog/interfa MatSnackBarModule, RouterModule ], + changeDetection: ChangeDetectionStrategy.OnPush, selector: 'gf-activities-page', styleUrls: ['./activities-page.scss'], templateUrl: './activities-page.html' @@ -112,6 +114,7 @@ export class GfActivitiesPageComponent implements OnInit { .pipe(takeUntilDestroyed(this.destroyRef)) .subscribe((impersonationId) => { this.hasImpersonationId = !!impersonationId; + this.changeDetectorRef.markForCheck(); }); this.userService.stateChanged @@ -132,6 +135,8 @@ export class GfActivitiesPageComponent implements OnInit { this.dataSource = undefined; this.totalItems = undefined; + this.changeDetectorRef.markForCheck(); + const dateRange = this.user?.settings?.dateRange; const range = this.isCalendarYear(dateRange) ? dateRange : undefined; @@ -448,5 +453,7 @@ export class GfActivitiesPageComponent implements OnInit { this.hasPermissionToDeleteActivity = !this.hasImpersonationId && hasPermission(this.user.permissions, permissions.deleteActivity); + + this.changeDetectorRef.markForCheck(); } }