From 8d2223e56d20023cb0bed87b5a25046b951dd04a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina@devplant.ro>
Date: Tue, 14 Jun 2022 14:45:41 +0300
Subject: [PATCH] RED-4224: Fixed references list

---
 .../annotation-actions/annotation-actions.component.html        | 2 +-
 .../annotation-references-list.component.scss                   | 1 +
 .../annotation-references-list.component.ts                     | 2 ++
 3 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/apps/red-ui/src/app/modules/file-preview/components/annotation-actions/annotation-actions.component.html b/apps/red-ui/src/app/modules/file-preview/components/annotation-actions/annotation-actions.component.html
index e4525b647..06bf12305 100644
--- a/apps/red-ui/src/app/modules/file-preview/components/annotation-actions/annotation-actions.component.html
+++ b/apps/red-ui/src/app/modules/file-preview/components/annotation-actions/annotation-actions.component.html
@@ -108,7 +108,7 @@
         ></iqser-circle-button>
 
         <iqser-circle-button
-            (action)="annotationReferencesService.show(annotations[0])"
+            (action)="$event.stopPropagation(); annotationReferencesService.show(annotations[0])"
             *ngIf="!multiSelectService.isActive && annotations[0].reference.length"
             [tooltipPosition]="tooltipPosition"
             [tooltip]="'annotation-actions.see-references.label' | translate"
diff --git a/apps/red-ui/src/app/modules/file-preview/components/annotation-references-list/annotation-references-list.component.scss b/apps/red-ui/src/app/modules/file-preview/components/annotation-references-list/annotation-references-list.component.scss
index 1d0165d1f..f20f44dc3 100644
--- a/apps/red-ui/src/app/modules/file-preview/components/annotation-references-list/annotation-references-list.component.scss
+++ b/apps/red-ui/src/app/modules/file-preview/components/annotation-references-list/annotation-references-list.component.scss
@@ -9,6 +9,7 @@
     max-height: 380px;
     right: 370px;
     top: 165px;
+    z-index: 1;
 
     .references-header {
         padding: 8px 8px 8px 13px;
diff --git a/apps/red-ui/src/app/modules/file-preview/components/annotation-references-list/annotation-references-list.component.ts b/apps/red-ui/src/app/modules/file-preview/components/annotation-references-list/annotation-references-list.component.ts
index 0b4048496..dabf65b46 100644
--- a/apps/red-ui/src/app/modules/file-preview/components/annotation-references-list/annotation-references-list.component.ts
+++ b/apps/red-ui/src/app/modules/file-preview/components/annotation-references-list/annotation-references-list.component.ts
@@ -3,6 +3,7 @@ import { AnnotationWrapper } from '@models/file/annotation.wrapper';
 import { AnnotationReferencesService } from '../../services/annotation-references.service';
 import { Observable, switchMap } from 'rxjs';
 import { AnnotationsListingService } from '../../services/annotations-listing.service';
+import { filter } from 'rxjs/operators';
 
 @Component({
     selector: 'redaction-annotation-references-list',
@@ -19,6 +20,7 @@ export class AnnotationReferencesListComponent {
         readonly annotationReferencesService: AnnotationReferencesService,
     ) {
         this.isSelected$ = this.annotationReferencesService.annotation$.pipe(
+            filter(annotation => !!annotation),
             switchMap(annotation => this._listingService.isSelected$(annotation)),
         );
     }