From 2202eb273aafc96cc0c19e142e580ec8b4d41fb7 Mon Sep 17 00:00:00 2001
From: Valentin Mihai <valentin@devplant.ro>
Date: Wed, 11 Jan 2023 16:07:47 +0200
Subject: [PATCH] RED-5399 - Toggle in preview: Make redactions (un)readable

---
 .../pdf-viewer/services/readable-redactions.service.ts |  4 ++--
 .../src/assets/icons/general/redaction-final.svg       | 10 ++++++++++
 .../src/assets/icons/general/redaction-preview.svg     | 10 ++++++++++
 3 files changed, 22 insertions(+), 2 deletions(-)
 create mode 100644 apps/red-ui/src/assets/icons/general/redaction-final.svg
 create mode 100644 apps/red-ui/src/assets/icons/general/redaction-preview.svg

diff --git a/apps/red-ui/src/app/modules/pdf-viewer/services/readable-redactions.service.ts b/apps/red-ui/src/app/modules/pdf-viewer/services/readable-redactions.service.ts
index 432d1807a..96e2fd278 100644
--- a/apps/red-ui/src/app/modules/pdf-viewer/services/readable-redactions.service.ts
+++ b/apps/red-ui/src/app/modules/pdf-viewer/services/readable-redactions.service.ts
@@ -13,8 +13,8 @@ import Annotation = Core.Annotations.Annotation;
 @Injectable()
 export class ReadableRedactionsService {
     readonly active$: Observable<boolean>;
-    readonly #enableIcon = this._convertPath('/assets/icons/general/pdftron-action-disable-tooltips.svg');
-    readonly #disableIcon = this._convertPath('/assets/icons/general/pdftron-action-enable-tooltips.svg');
+    readonly #enableIcon = this._convertPath('/assets/icons/general/redaction-preview.svg');
+    readonly #disableIcon = this._convertPath('/assets/icons/general/redaction-final.svg');
     readonly #active$ = new BehaviorSubject<boolean>(true);
 
     constructor(
diff --git a/apps/red-ui/src/assets/icons/general/redaction-final.svg b/apps/red-ui/src/assets/icons/general/redaction-final.svg
new file mode 100644
index 000000000..ccc69749b
--- /dev/null
+++ b/apps/red-ui/src/assets/icons/general/redaction-final.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.4.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#283241;}
+</style>
+<path class="st0" d="M100,77.4V22.6H75.1V10h15V0h-15c-2,0-3.5,0.5-5,1.5c-1.5-1-3-1.5-5-1.5h-15v10h15v12.6H0v54.8h65.1V90h-15v10
+	h15c2,0,3.5-0.5,5-1.5c1.5,1,3,1.5,5,1.5h15V90h-15V77.4H100z"/>
+</svg>
diff --git a/apps/red-ui/src/assets/icons/general/redaction-preview.svg b/apps/red-ui/src/assets/icons/general/redaction-preview.svg
new file mode 100644
index 000000000..fe01e62f5
--- /dev/null
+++ b/apps/red-ui/src/assets/icons/general/redaction-preview.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.4.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#283241;}
+</style>
+<path class="st0" d="M100,77.4V22.6H75.1V10h15V0h-15c-2,0-3.5,0.5-5,1.5c-1.5-1-3-1.5-5-1.5h-15v10h15v12.6H0v54.8h65.1V90h-15v10
+	h15c2,0,3.5-0.5,5-1.5c1.5,1,3,1.5,5,1.5h15V90h-15V77.4H100z M90.4,32.2v35.6H75.1V32.2H90.4z M9.6,67.8V32.2h55.5v35.6H9.6z"/>
+</svg>