From 28badd45cd6494dec9ab8c1368129cf8589aba42 Mon Sep 17 00:00:00 2001
From: George <george.balanesc.ext@knecon.com>
Date: Fri, 28 Jul 2023 14:01:44 +0300
Subject: [PATCH] RED-7069, replace buttons. RED-7279, change notification
 texts.

---
 .../inputs/details-radio/details-radio.component.html |  2 +-
 .../inputs/details-radio/details-radio.component.ts   |  2 ++
 src/lib/pipes/replace-nbsp.pipe.ts                    | 11 +++++++++++
 3 files changed, 14 insertions(+), 1 deletion(-)
 create mode 100644 src/lib/pipes/replace-nbsp.pipe.ts

diff --git a/src/lib/inputs/details-radio/details-radio.component.html b/src/lib/inputs/details-radio/details-radio.component.html
index dad46c2..6e08ec8 100644
--- a/src/lib/inputs/details-radio/details-radio.component.html
+++ b/src/lib/inputs/details-radio/details-radio.component.html
@@ -15,7 +15,7 @@
 
             <div class="text">
                 <label class="details-radio-label pointer">{{ option.label | translate : option.descriptionParams }}</label>
-                <span class="hint">{{ option.description | translate : option.descriptionParams }}</span>
+                <span class="hint">{{ option.description | translate : option.descriptionParams | replaceNbsp }}</span>
 
                 <div *ngIf="option.extraOption && !option.extraOption.hidden && isSelected(option)" class="iqser-input-group">
                     <mat-checkbox
diff --git a/src/lib/inputs/details-radio/details-radio.component.ts b/src/lib/inputs/details-radio/details-radio.component.ts
index 497630f..e1419e8 100644
--- a/src/lib/inputs/details-radio/details-radio.component.ts
+++ b/src/lib/inputs/details-radio/details-radio.component.ts
@@ -8,6 +8,7 @@ import { TranslateModule } from '@ngx-translate/core';
 import { MatIconModule } from '@angular/material/icon';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import { MatTooltipModule } from '@angular/material/tooltip';
+import { ReplaceNbspPipe } from '../../pipes/replace-nbsp.pipe';
 
 @Component({
     selector: 'iqser-details-radio [options]',
@@ -37,6 +38,7 @@ import { MatTooltipModule } from '@angular/material/tooltip';
         MatCheckboxModule,
         ReactiveFormsModule,
         MatTooltipModule,
+        ReplaceNbspPipe,
     ],
 })
 export class DetailsRadioComponent<I> extends FormFieldComponent<DetailsRadioOption<I>> {
diff --git a/src/lib/pipes/replace-nbsp.pipe.ts b/src/lib/pipes/replace-nbsp.pipe.ts
new file mode 100644
index 0000000..a930af9
--- /dev/null
+++ b/src/lib/pipes/replace-nbsp.pipe.ts
@@ -0,0 +1,11 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({
+    name: 'replaceNbsp',
+    standalone: true,
+})
+export class ReplaceNbspPipe implements PipeTransform {
+    transform(value: string): string {
+        return value.replace(/&nbsp;/g, ' ');
+    }
+}