Added legend

apps/red-ui/src/app/screens/project-overview-screen/project-overview-screen.component.html

@@ -168,7 +168,7 @@
       </div>
     </div>
 
-    <div class="mt-20">
+    <div class="mt-32">
       <redaction-simple-doughnut-chart [config]="documentsChartData"
                                        [strokeWidth]="15"
                                        [radius]="70"
@@ -176,5 +176,20 @@
                                        direction="row"
       ></redaction-simple-doughnut-chart>
     </div>
+
+    <div class="mt-32 legend">
+      <div>
+        <redaction-annotation-icon type="hint"></redaction-annotation-icon>
+        {{ 'project-overview.legend.contains-hints.label' | translate }}
+      </div>
+      <div>
+        <redaction-annotation-icon type="redaction"></redaction-annotation-icon>
+        {{ 'project-overview.legend.contains-redactions.label' | translate }}
+      </div>
+      <div>
+        <redaction-annotation-icon type="suggestion"></redaction-annotation-icon>
+        {{ 'project-overview.legend.contains-suggestions.label' | translate }}
+      </div>
+    </div>
   </div>
 </div>

apps/red-ui/src/app/screens/project-overview-screen/project-overview-screen.component.scss

@@ -41,3 +41,19 @@
     gap: 5px;
   }
 }
+
+.legend {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+
+  > div {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+  }
+}
+
+.mt-32 {
+  margin-top: 32px;
+}

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

@@ -372,6 +372,17 @@
     },
     "no-project": {
       "label": "Requested project: {{projectId}} does not exist! <a href='/ui/projects'>Back to Project Listing. <a/>"
+    },
+    "legend": {
+      "contains-hints": {
+        "label": "Contains hints "
+      },
+      "contains-redactions": {
+        "label": "Contains redactions "
+      },
+      "contains-suggestions": {
+        "label": "Contains suggestions for redaction "
+      }
     }
   },
   "file-preview": {
@@ -457,13 +468,12 @@
       "label": "Unassigned"
     }
   },
-
-  "assign-file-owner":{
+  "assign-file-owner": {
     "dialog": {
       "single-user": {
         "label": "Reviewer"
       },
-      "title":{
+      "title": {
         "label": "Manage File Reviewer"
       },
       "save": {
@@ -471,8 +481,7 @@
       }
     }
   },
-
-  "assign-project-owner":{
+  "assign-project-owner": {
     "dialog": {
       "single-user": {
         "label": "Owner"
@@ -480,7 +489,7 @@
       "multi-user": {
         "label": "Members"
       },
-      "title":{
+      "title": {
         "label": "Manage Project Owner and Members"
       },
       "save": {
@@ -488,7 +497,6 @@
       }
     }
   },
-
   "unassigned": "Unassigned",
   "under-review": "Under review",
   "under-approval": "Under approval",