From dac92818870b0490fa102f415231a8945d049729 Mon Sep 17 00:00:00 2001
From: Jake/Rads <jake.fulminated@gmail.com>
Date: Mon, 27 Jun 2022 00:30:46 +0200
Subject: [PATCH] fix(dashboard): assign list keys based on index and id

which means: no more moving avatars whenever you re-sort the list :tada:
---
 dashboard/src/lib/list/List.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/dashboard/src/lib/list/List.svelte b/dashboard/src/lib/list/List.svelte
index b0ece77d..98e738cd 100644
--- a/dashboard/src/lib/list/List.svelte
+++ b/dashboard/src/lib/list/List.svelte
@@ -157,7 +157,7 @@
 
 {#if settings && settings.accessibility ? (!settings.accessibility.expandedcards && !settings.accessibility.pagelinks) : true}
 <Accordion class="my-3" stayOpen>
-    {#each slicedList as item, index (item.id)}
+    {#each slicedList as item, index (item.id + index)}
     <AccordionItem>
         <CardsHeader {item} slot="header">
             <div slot="icon">
@@ -181,7 +181,7 @@
     {/each}
 </Accordion>
 {:else if settings.accessibility.expandedcards}
-    {#each slicedList as item, index (item.id)}
+    {#each slicedList as item, index (item.id + index)}
     <Card class="mb-3">
         <CardHeader>
             <CardsHeader {item}>
@@ -209,7 +209,7 @@
     {/each}
 {:else}
     <div class="my-3">
-    {#each slicedList as item, index (item.id)}
+    {#each slicedList as item, index (item.id + index)}
     <Card>
         <Link class="accordion-button collapsed" style="text-decoration: none;" to={getItemLink(item)}>
             <CardsHeader {item}>