fix(ui): fix message card rendering issue (astronomer#172)

How to fix and why the issue occurs: https://svelte.dev/tutorial/keyed-each-blocks closes: astronomer#83
rpatil524 · Nov 24, 2023 · 515f338 · 515f338
1 parent 1067794
commit 515f338
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/ui/src/routes/requests/[request_id]/+page.svelte b/ui/src/routes/requests/[request_id]/+page.svelte
@@ -38,6 +38,11 @@
 
         return 0;
       }) || [];
+
+    sortedMessages.reverse().forEach(function(item ,index){
+      item.id = index;
+    })
+    sortedMessages.reverse();
   }
 
   $: {
@@ -87,7 +92,7 @@
     />
   {/if}
 
-  {#each sortedMessages as message}
+  {#each sortedMessages as message (message.id)}
     <MessageCard {...message} />
   {/each}