From 3382f4fa095f90f38f65e2c10448ee940a979e2e Mon Sep 17 00:00:00 2001
From: Dan Percic <dan@devplant.ro>
Date: Mon, 7 Mar 2022 11:56:32 +0200
Subject: [PATCH] change detector is stupid

---
 .../page-indicator/page-indicator.component.html      |  2 +-
 .../page-indicator/page-indicator.component.ts        | 11 +++++++----
 libs/common-ui                                        |  2 +-
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/page-indicator/page-indicator.component.html b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/page-indicator/page-indicator.component.html
index b323ebfd2..38c94bf0b 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/page-indicator/page-indicator.component.html
+++ b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/page-indicator/page-indicator.component.html
@@ -12,7 +12,7 @@
 
     <div *ngIf="activeSelection" class="dot"></div>
 
-    <div *ngIf="isRotated$ | async" class="rotated">
+    <div *ngIf="isRotated" class="rotated">
         <mat-icon svgIcon="red:rotation"></mat-icon>
     </div>
 </div>
diff --git a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/page-indicator/page-indicator.component.ts b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/page-indicator/page-indicator.component.ts
index 65c30d7e0..ff26797e7 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/page-indicator/page-indicator.component.ts
+++ b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/page-indicator/page-indicator.component.ts
@@ -15,7 +15,7 @@ import { ViewedPagesService } from '@services/entity-services/viewed-pages.servi
 import { IViewedPage } from '@red/domain';
 import { AutoUnsubscribe } from '@iqser/common-ui';
 import { FilePreviewStateService } from '../../services/file-preview-state.service';
-import { firstValueFrom, Observable } from 'rxjs';
+import { firstValueFrom } from 'rxjs';
 import { PageRotationService } from '../../services/page-rotation.service';
 
 @Component({
@@ -35,7 +35,7 @@ export class PageIndicatorComponent extends AutoUnsubscribe implements OnDestroy
 
     pageReadTimeout: number = null;
     read = false;
-    isRotated$: Observable<boolean>;
+    isRotated = false;
 
     constructor(
         private readonly _viewedPagesService: ViewedPagesService,
@@ -43,7 +43,7 @@ export class PageIndicatorComponent extends AutoUnsubscribe implements OnDestroy
         private readonly _changeDetectorRef: ChangeDetectorRef,
         private readonly _permissionService: PermissionsService,
         private readonly _stateService: FilePreviewStateService,
-        private readonly _pageRotationService: PageRotationService,
+        readonly pageRotationService: PageRotationService,
     ) {
         super();
     }
@@ -61,7 +61,10 @@ export class PageIndicatorComponent extends AutoUnsubscribe implements OnDestroy
     }
 
     ngOnInit() {
-        this.isRotated$ = this._pageRotationService.isRotated(this.number);
+        this.addSubscription = this.pageRotationService.isRotated(this.number).subscribe(value => {
+            this.isRotated = value;
+            this._changeDetectorRef.detectChanges();
+        });
     }
 
     ngOnChanges() {
diff --git a/libs/common-ui b/libs/common-ui
index f7f0bb86a..2bae4da2b 160000
--- a/libs/common-ui
+++ b/libs/common-ui
@@ -1 +1 @@
-Subproject commit f7f0bb86a6ccf3b6e1970c8749b83e828578e673
+Subproject commit 2bae4da2b991ad300b893f6b73797b6c1b90448c