From c8f19f68e0c8a46c9743d083554bbb91a18b0964 Mon Sep 17 00:00:00 2001
From: Edi Cziszter <eduard@devplant.ro>
Date: Mon, 17 Jan 2022 12:53:39 +0200
Subject: [PATCH] ng-container in list component

---
 ...nnotation-references-dialog.component.html | 48 +++++++++----------
 .../annotations-list.component.html           | 16 ++++---
 2 files changed, 32 insertions(+), 32 deletions(-)

diff --git a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/annotation-references-dialog/annotation-references-dialog.component.html b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/annotation-references-dialog/annotation-references-dialog.component.html
index db5334841..0c8b1c976 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/annotation-references-dialog/annotation-references-dialog.component.html
+++ b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/annotation-references-dialog/annotation-references-dialog.component.html
@@ -1,31 +1,29 @@
-<ng-container *ngIf="annotationReferences">
-    <div class="content-container">
-        <div class="dialog references-dialog">
-            <div class="references-header flex">
-                <div class="small-label">
-                    {{ annotationReferences.length }}
-                    {{ (annotationReferences.length === 1 ? 'references.singular' : 'references.plural') | translate }}
-                </div>
-                <iqser-circle-button (action)="annotationReferencesService.hide()" icon="iqser:close"></iqser-circle-button>
+<div class="content-container">
+    <div class="dialog references-dialog">
+        <div class="references-header flex">
+            <div class="small-label">
+                {{ annotationReferences.length }}
+                {{ (annotationReferences.length === 1 ? 'references.singular' : 'references.plural') | translate }}
             </div>
-            <div class="annotations-container flex">
-                <div class="annotation-container">
-                    <div class="annotation-card-container flex">
-                        <redaction-annotation-card [annotation]="annotation" [file]="file"></redaction-annotation-card>
-                        <redaction-annotation-references-page-indicator
-                            [number]="annotation.pageNumber"
-                        ></redaction-annotation-references-page-indicator>
-                    </div>
+            <iqser-circle-button (action)="annotationReferencesService.hide()" icon="iqser:close"></iqser-circle-button>
+        </div>
+        <div class="annotations-container flex">
+            <div class="annotation-container">
+                <div class="annotation-card-container flex">
+                    <redaction-annotation-card [annotation]="annotation" [file]="file"></redaction-annotation-card>
+                    <redaction-annotation-references-page-indicator
+                        [number]="annotation.pageNumber"
+                    ></redaction-annotation-references-page-indicator>
                 </div>
-                <div class="annotation-container" *ngFor="let reference of annotationReferences" (click)="referenceClicked.emit(reference)">
-                    <div class="annotation-card-container flex">
-                        <redaction-annotation-card [annotation]="reference" [file]="file"></redaction-annotation-card>
-                        <redaction-annotation-references-page-indicator
-                            [number]="reference.pageNumber"
-                        ></redaction-annotation-references-page-indicator>
-                    </div>
+            </div>
+            <div (click)="referenceClicked.emit(reference)" *ngFor="let reference of annotationReferences" class="annotation-container">
+                <div class="annotation-card-container flex">
+                    <redaction-annotation-card [annotation]="reference" [file]="file"></redaction-annotation-card>
+                    <redaction-annotation-references-page-indicator
+                        [number]="reference.pageNumber"
+                    ></redaction-annotation-references-page-indicator>
                 </div>
             </div>
         </div>
     </div>
-</ng-container>
+</div>
diff --git a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/annotations-list/annotations-list.component.html b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/annotations-list/annotations-list.component.html
index 638ca717a..6e046bfdb 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/annotations-list/annotations-list.component.html
+++ b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/annotations-list/annotations-list.component.html
@@ -44,10 +44,12 @@
     <redaction-annotation-details [annotation]="annotation"></redaction-annotation-details>
 </div>
 
-<redaction-annotation-references-dialog
-    (referenceClicked)="referenceClicked($event)"
-    *ngIf="annotationReferencesService.annotation$ | async as annotation"
-    [annotation]="annotation"
-    [fileData]="fileData"
-    [file]="file"
-></redaction-annotation-references-dialog>
+<ng-container *ngIf="annotationReferencesService.annotation$ | async as annotation">
+    <redaction-annotation-references-dialog
+        (referenceClicked)="referenceClicked($event)"
+        *ngIf="annotationReferencesService.hasReferences([annotation])"
+        [annotation]="annotation"
+        [fileData]="fileData"
+        [file]="file"
+    ></redaction-annotation-references-dialog>
+</ng-container>