From 55f62e7197f1f47688571a8c7e83dfaca3b207b5 Mon Sep 17 00:00:00 2001
From: Nicoleta Panaghiu <nicoleta.panaghiu.ext@knecon.com>
Date: Mon, 25 Mar 2024 11:35:21 +0200
Subject: [PATCH] RED-8812: bold only the selected value, not the entire
 context.

---
 .../remove-redaction-dialog.component.html         | 14 ++++++--------
 .../services/annotation-actions.service.ts         |  6 +++---
 apps/red-ui/src/assets/i18n/redact/en.json         |  2 +-
 3 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/apps/red-ui/src/app/modules/file-preview/dialogs/remove-redaction-dialog/remove-redaction-dialog.component.html b/apps/red-ui/src/app/modules/file-preview/dialogs/remove-redaction-dialog/remove-redaction-dialog.component.html
index 1e5660e75..93fe7d3c9 100644
--- a/apps/red-ui/src/app/modules/file-preview/dialogs/remove-redaction-dialog/remove-redaction-dialog.component.html
+++ b/apps/red-ui/src/app/modules/file-preview/dialogs/remove-redaction-dialog/remove-redaction-dialog.component.html
@@ -23,17 +23,16 @@
                     <ul *cdkVirtualFor="let text of redactedTexts; let idx = index">
                         <li
                             [innerHTML]="
-                                (isFalsePositive
+                                ((isFalsePositive
                                     ? 'remove-redaction.dialog.content.list-item-false-positive'
                                     : 'remove-redaction.dialog.content.list-item'
                                 )
                                     | translate
                                         : {
                                               text: text,
-                                              type: data.redactions[idx].typeLabel,
-                                              context: data.falsePositiveContext[idx]
+                                              type: data.redactions[idx].typeLabel
                                           }
-                                    | replaceNbsp
+                                    | replaceNbsp) + (isFalsePositive ? data.falsePositiveContext[idx] : '')
                             "
                         ></li>
                     </ul>
@@ -43,7 +42,7 @@
             <ng-template #singleSelected>
                 <span
                     [innerHTML]="
-                        (recommendation
+                        ((recommendation
                             ? 'remove-redaction.dialog.content.list-item-false-recommendation'
                             : isFalsePositive
                               ? 'remove-redaction.dialog.content.list-item-false-positive'
@@ -52,10 +51,9 @@
                             | translate
                                 : {
                                       text: redactedTexts[0],
-                                      type: data.redactions[0].typeLabel,
-                                      context: data.falsePositiveContext[0]
+                                      type: data.redactions[0].typeLabel
                                   }
-                            | replaceNbsp
+                            | replaceNbsp) + (isFalsePositive ? data.falsePositiveContext[0] : '')
                     "
                 ></span>
             </ng-template>
diff --git a/apps/red-ui/src/app/modules/file-preview/services/annotation-actions.service.ts b/apps/red-ui/src/app/modules/file-preview/services/annotation-actions.service.ts
index 23a115d14..4596c62fd 100644
--- a/apps/red-ui/src/app/modules/file-preview/services/annotation-actions.service.ts
+++ b/apps/red-ui/src/app/modules/file-preview/services/annotation-actions.service.ts
@@ -354,15 +354,15 @@ export class AnnotationActionsService {
         let text: string;
         if (annotation.hasTextAfter) {
             text = getFirstRelevantTextPart(annotation.textAfter, 'FORWARD');
-            return text ? (annotation.value + text).trim() : annotation.value;
+            return text ? (`<b>${annotation.value}</b>` + text).trim() : `<b>${annotation.value}</b>`;
         }
 
         if (annotation.hasTextBefore) {
             text = getFirstRelevantTextPart(annotation.textBefore, 'BACKWARD');
-            return text ? (text + annotation.value).trim() : annotation.value;
+            return text ? (text + `<b>${annotation.value}</b>`).trim() : `<b>${annotation.value}</b>`;
         }
 
-        return annotation.value;
+        return `<b>${annotation.value}</b>`;
     }
 
     async #extractTextAndPositions(annotationId: string) {
diff --git a/apps/red-ui/src/assets/i18n/redact/en.json b/apps/red-ui/src/assets/i18n/redact/en.json
index 4aa3633a8..a7ed9515d 100644
--- a/apps/red-ui/src/assets/i18n/redact/en.json
+++ b/apps/red-ui/src/assets/i18n/redact/en.json
@@ -2047,7 +2047,7 @@
         "comment": "Comment",
         "comment-placeholder": "Add remarks or mentions...",
         "list-item": "<b>{text}</b>",
-        "list-item-false-positive": "<b>{text}</b> as <i>{type}</i> in the context: <b>{context}</b>",
+        "list-item-false-positive": "<b>{text}</b> as <i>{type}</i> in the context: ",
         "list-item-false-recommendation": "<b>{text}</b> as <i>{type}</i>",
         "options": {
           "do-not-recommend": {