From 4d596e583b1a47dad30d3bec4aae932116ab593b Mon Sep 17 00:00:00 2001
From: Siva Sivakumar <siva.sivakumar@nokia.com>
Date: Mon, 13 May 2024 21:46:46 +0200
Subject: [PATCH] render desc with newline

---
 src/lib/components/Popup.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/Popup.svelte b/src/lib/components/Popup.svelte
index b8532ee..8ab0345 100644
--- a/src/lib/components/Popup.svelte
+++ b/src/lib/components/Popup.svelte
@@ -2,7 +2,7 @@
   import { page } from '$app/stores';
 	import { copy } from 'svelte-copy';
 
-  import { closeSidebar } from '$lib/components/functions';
+  import { closeSidebar, markRender } from '$lib/components/functions';
 
   export let pathDetail: any = {}
 
@@ -117,7 +117,7 @@
                 <tr class="border-t border-gray-200 dark:border-gray-600">
                   <th scope="row" class="py-1 whitespace-nowrap text-sm dark:text-gray-400">Description:</th>
                   <td class="py-1 px-2 dark:text-gray-300 font-fira text-[13px] tracking-tight">
-                    <div class="overflow-y-auto max-h-40 scroll-light dark:scroll-dark">{"description" in pathDetail ? pathDetail.description : ''}</div>
+                    <div class="overflow-y-auto max-h-40 scroll-light dark:scroll-dark" use:markRender={"description" in pathDetail ? pathDetail.description.replaceAll("\n", "<br>") : ''}></div>
                   </td>
                 </tr>
               </tbody>