[sc-8799] Format summary displayed in resource preview (#1314)

* [sc-8799] Format summary displayed in resource preview * Improvement
nuclia · Feb 9, 2024 · d6774db · d6774db
1 parent e6a76fe
commit d6774db
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/libs/common/src/lib/resources/edit-resource/preview/preview.component.html b/libs/common/src/lib/resources/edit-resource/preview/preview.component.html
@@ -44,7 +44,7 @@
           <p>{{ resource.title }}</p>
 
           <div class="title-xxs">{{ 'resource.summary' | translate }}</div>
-          <p>{{ resource.summary || '–' }}</p>
+          <p [innerHtml]="(summary | async) || '-'"></p>
 
           <div class="title-xxs">{{ 'resource.thumbnail.label' | translate }}</div>
           <div class="thumbnails-container">

diff --git a/libs/common/src/lib/resources/edit-resource/preview/preview.component.ts b/libs/common/src/lib/resources/edit-resource/preview/preview.component.ts
@@ -83,6 +83,7 @@ export class PreviewComponent implements OnInit, OnDestroy {
   );
   extraMetadata = this.resource.pipe(map((resource) => JSON.stringify(resource.extra?.metadata, null, 2)));
   extraMetadataFullscreen = false;
+  summary = this.resource.pipe(map((resource) => (resource.summary || '').replace(/\n/g, '<br>')));
 
   private _noField = new ReplaySubject<boolean>(1);
   noField: Observable<boolean> = this._noField.asObservable();