From d5f9f4153bc5de7599efd827a2035e4eef22aa70 Mon Sep 17 00:00:00 2001
From: 0x41head <aryangiroud@gmail.com>
Date: Mon, 13 Jan 2025 19:44:19 +0530
Subject: [PATCH] fixed markdown render issue in circular heatmap

---
 .../circular-heatmap.component.html           | 14 +----------
 .../circular-heatmap.component.ts             | 23 +++++++++++++++++++
 2 files changed, 24 insertions(+), 13 deletions(-)

diff --git a/src/app/component/circular-heatmap/circular-heatmap.component.html b/src/app/component/circular-heatmap/circular-heatmap.component.html
index cb32c31b..bf1e6837 100644
--- a/src/app/component/circular-heatmap/circular-heatmap.component.html
+++ b/src/app/component/circular-heatmap/circular-heatmap.component.html
@@ -45,19 +45,7 @@ <h2>Nothing to show</h2>
                   </mat-panel-title>
                 </mat-expansion-panel-header>
                 <ng-template matExpansionPanelContent>
-                  <div
-                    *ngIf="
-                      markdown.render(activityDetails.description);
-                      else ifFileIsNotAMarkdown
-                    ">
-                    <p
-                      [innerHTML]="
-                        markdown.render(activityDetails.description)
-                      "></p>
-                  </div>
-                  <ng-template #ifFileIsNotAMarkdown>
-                    <p [innerHTML]="activityDetails.description"></p>
-                  </ng-template>
+                  <p [innerHTML]="activityDetails.description"></p>
                 </ng-template>
               </mat-expansion-panel>
               <mat-expansion-panel
diff --git a/src/app/component/circular-heatmap/circular-heatmap.component.ts b/src/app/component/circular-heatmap/circular-heatmap.component.ts
index 01670e78..5b26dfb3 100644
--- a/src/app/component/circular-heatmap/circular-heatmap.component.ts
+++ b/src/app/component/circular-heatmap/circular-heatmap.component.ts
@@ -746,6 +746,17 @@ export class CircularHeatmapComponent implements OnInit {
     }
   }
 
+  defineStringValues(
+    dataToCheck: string,
+    valueOfDataIfUndefined: string
+  ): string {
+    try {
+      return this.markdown.render(dataToCheck);
+    } catch {
+      return valueOfDataIfUndefined;
+    }
+  }
+
   navigate(dim: string, subdim: string, activityName: string) {
     let navigationExtras = {
       dimension: dim,
@@ -754,6 +765,18 @@ export class CircularHeatmapComponent implements OnInit {
     };
     this.yaml.setURI('./assets/YAML/generated/generated.yaml');
     this.activityDetails = this.YamlObject[dim][subdim][activityName];
+    this.activityDetails.description = this.defineStringValues(
+      this.activityDetails.description,
+      this.activityDetails.description
+    );
+    this.activityDetails.risk = this.defineStringValues(
+      this.activityDetails.risk,
+      this.activityDetails.risk
+    );
+    this.activityDetails.measure = this.defineStringValues(
+      this.activityDetails.measure,
+      this.activityDetails.measure
+    );
     console.log(this.YamlObject);
     console.log(this.YamlObject[dim][subdim]);
     if (this.activityDetails) {