From 5b1bab140dcf2946f45b47d9badaacf4a0727270 Mon Sep 17 00:00:00 2001
From: Luca Stocchi <49404737+lstocchi@users.noreply.github.com>
Date: Wed, 17 Jul 2024 08:15:43 +0200
Subject: [PATCH] fix: use markdown prop with Markdown component (#8072)

Signed-off-by: lstocchi <lstocchi@redhat.com>
---
 packages/renderer/src/lib/dialogs/CustomPick.svelte           | 4 ++--
 .../PreferencesConnectionCreationOrEditRendering.svelte       | 2 +-
 .../src/lib/preferences/PreferencesRenderingItem.svelte       | 2 +-
 .../src/lib/preferences/PreferencesRenderingItemFormat.svelte | 2 +-
 packages/renderer/src/lib/task-manager/TaskManagerItem.svelte | 2 +-
 5 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/renderer/src/lib/dialogs/CustomPick.svelte b/packages/renderer/src/lib/dialogs/CustomPick.svelte
index cdf409ea5b6ee..623c655f0def5 100644
--- a/packages/renderer/src/lib/dialogs/CustomPick.svelte
+++ b/packages/renderer/src/lib/dialogs/CustomPick.svelte
@@ -195,7 +195,7 @@ function dragMe(node: any) {
                     </div>
 
                     <div class="mb-2 text-xs">
-                      <Markdown>{innerItem.markDownContent}</Markdown>
+                      <Markdown markdown="{innerItem.markDownContent}" />
                     </div>
 
                     {#if usePopperForDetails || (innerItem.sections && innerItem.sections.length > 0 && itemSectionHiddenStatus.get((i / colsPerRow) * colsPerRow + j))}
@@ -267,7 +267,7 @@ function dragMe(node: any) {
                             <div
                               class="bg-charcoal-500 group-hover:bg-purple-800 group-[.is-selected]:bg-purple-800 px-4 py-2 flex flex-col text-xs border-x-2 border-transparent group-hover:border-purple-500"
                               class:rounded-b-md="{usePopperForDetails && i === innerItem.sections.length - 1}">
-                              <Markdown>{section.markDownContent}</Markdown>
+                              <Markdown markdown="{section.markDownContent}" />
                             </div>
                           {/if}
                         {/each}
diff --git a/packages/renderer/src/lib/preferences/PreferencesConnectionCreationOrEditRendering.svelte b/packages/renderer/src/lib/preferences/PreferencesConnectionCreationOrEditRendering.svelte
index 70943d2b918a3..e4bdf77eb14a1 100644
--- a/packages/renderer/src/lib/preferences/PreferencesConnectionCreationOrEditRendering.svelte
+++ b/packages/renderer/src/lib/preferences/PreferencesConnectionCreationOrEditRendering.svelte
@@ -503,7 +503,7 @@ function getConnectionResourceConfigurationValue(
                   {#if configurationKey.description}
                     {configurationKey.description}:
                   {:else if configurationKey.markdownDescription && configurationKey.type !== 'markdown'}
-                    <Markdown>{configurationKey.markdownDescription}:</Markdown>
+                    <Markdown markdown="{configurationKey.markdownDescription}" />
                   {/if}
                   {#if configurationKey.format === 'memory' || configurationKey.format === 'diskSize' || configurationKey.format === 'cpu'}
                     <div class="text-gray-600">
diff --git a/packages/renderer/src/lib/preferences/PreferencesRenderingItem.svelte b/packages/renderer/src/lib/preferences/PreferencesRenderingItem.svelte
index 35591611d783a..1bef406ae0ab1 100644
--- a/packages/renderer/src/lib/preferences/PreferencesRenderingItem.svelte
+++ b/packages/renderer/src/lib/preferences/PreferencesRenderingItem.svelte
@@ -74,7 +74,7 @@ $: resetToDefault = false;
     </div>
     {#if recordUI.markdownDescription}
       <div class="pt-1 text-[color:var(--pd-invert-content-card-text)] text-sm pr-2">
-        <Markdown>{recordUI.markdownDescription}</Markdown>
+        <Markdown markdown="{recordUI.markdownDescription}" />
       </div>
     {:else}
       <div class="pt-1 text-[color:var(--pd-invert-content-card-text)] text-sm pr-2">{recordUI.description}</div>
diff --git a/packages/renderer/src/lib/preferences/PreferencesRenderingItemFormat.svelte b/packages/renderer/src/lib/preferences/PreferencesRenderingItemFormat.svelte
index 0085a3e7364d7..c9b2f8fad1f74 100644
--- a/packages/renderer/src/lib/preferences/PreferencesRenderingItemFormat.svelte
+++ b/packages/renderer/src/lib/preferences/PreferencesRenderingItemFormat.svelte
@@ -142,7 +142,7 @@ async function onChange(recordId: string, value: boolean | string | number): Pro
     {/if}
   {:else if record.type === 'markdown'}
     <div class="text-sm">
-      <Markdown>{record.markdownDescription}</Markdown>
+      <Markdown markdown="{record.markdownDescription}" />
     </div>
   {/if}
 </div>
diff --git a/packages/renderer/src/lib/task-manager/TaskManagerItem.svelte b/packages/renderer/src/lib/task-manager/TaskManagerItem.svelte
index 949e0bfde6648..56e66cbb85372 100644
--- a/packages/renderer/src/lib/task-manager/TaskManagerItem.svelte
+++ b/packages/renderer/src/lib/task-manager/TaskManagerItem.svelte
@@ -80,7 +80,7 @@ function doExecuteAction(taskUI: StatefulTaskUI) {
       <div class="text-[var(--pd-modal-text)] text-xs my-2">{taskUI.description}</div>
       {#if taskUI.markdownActions}
         <div class="flex justify-end">
-          <Markdown>{taskUI.markdownActions}</Markdown>
+          <Markdown markdown="{taskUI.markdownActions}" />
         </div>
       {/if}
     {/if}