added comments

apps/red-ui/src/app/modules/dossier/components/type-filter/type-filter.component.html

@@ -50,6 +50,10 @@
         type="square"
     ></redaction-annotation-icon>
     <redaction-annotation-icon *ngIf="filter.key === 'image'" [color]="dictionaryColor" label="I" type="square"></redaction-annotation-icon>
+
+    <div *ngIf="filter.key === 'comment'">
+        <mat-icon svgIcon="red:comment"></mat-icon>
+    </div>
 </ng-container>
 
 <ng-container *ngIf="filter.icon">

apps/red-ui/src/app/modules/dossier/screens/dossier-overview-screen/dossier-overview-screen.component.ts

@@ -275,6 +275,7 @@ export class DossierOverviewScreenComponent extends ListingComponent<FileStatusW
             if (file.hasUpdates) allDistinctNeedsWork.add('updated');
             if (file.hasImages) allDistinctNeedsWork.add('image');
             if (file.hasNone) allDistinctNeedsWork.add('none');
+            if (file.hasAnnotationComments) allDistinctNeedsWork.add('comment');
         });
 
         const statusFilters = [...allDistinctFileStatusWrapper].map<NestedFilter>(item => ({

apps/red-ui/src/app/modules/dossier/translations/workload-translations.ts

@@ -7,5 +7,6 @@ export const workloadTranslations: { [key: string]: string } = {
     none: _('filter.none'),
     redaction: _('filter.redaction'),
     suggestion: _('filter.suggestion'),
-    updated: _('filter.updated')
+    updated: _('filter.updated'),
+    comment: _('filter.comment')
 };

apps/red-ui/src/app/modules/shared/components/filters/popup-filter/utils/filter-utils.ts

@@ -72,6 +72,9 @@ export const annotationFilterChecker = (input: FileStatusWrapper | DossierWrappe
         case 'image': {
             return input instanceof FileStatusWrapper && input.hasImages;
         }
+        case 'comment': {
+            return input instanceof FileStatusWrapper && input.hasAnnotationComments;
+        }
     }
 };
 

apps/red-ui/src/assets/i18n/en.json

@@ -989,7 +989,8 @@
     "none": "No Annotations",
     "redaction": "Redacted",
     "suggestion": "Suggested Redaction",
-    "updated": "Updated"
+    "updated": "Updated",
+    "comment": "Comments"
   },
   "filters": {
     "assigned-people": "Assignee(s)",