fix(ui): fix message card rendering issue

https://svelte.dev/tutorial/keyed-each-blocks #83
astronomer · Nov 24, 2023 · 5675811 · 5675811
1 parent 1067794
commit 5675811
Showing 1 changed file with 8 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,13 @@
 
         return 0;
       }) || [];
+
+    sortedMessages.reverse().forEach(function(item ,index){
+      item.id = index;
+    })
+    sortedMessages.reverse();
+
+    console.log(sortedMessages)
   }
 
   $: {
@@ -87,7 +94,7 @@
     />
   {/if}
 
-  {#each sortedMessages as message}
+  {#each sortedMessages as message (message.id)}
     <MessageCard {...message} />
   {/each}