Fix last updated sort

src/lib/Sidebar.svelte

@@ -18,7 +18,6 @@
   const onStateChange = (...args:any) => {
     sortOption = getChatSortOption()
     sortedChats = $chatsStorage.sort(sortOption.sortFn)
-    // console.log('Sorting', sortOption, sortedChats)
   }
 
   $: onStateChange($checkStateChange)
@@ -43,8 +42,10 @@
         <li><a href={'#'} class="is-disabled">No chats yet...</a></li>
       {:else}
         {#key $checkStateChange}
-        {#each sortedChats as chat, i}
+        {#each sortedChats as chat, i}       
+        {#key chat.id}
         <ChatMenuItem activeChatId={activeChatId} chat={chat} prevChat={sortedChats[i - 1]} nextChat={sortedChats[i + 1]} />
+        {/key}
         {/each}
         {/key}
       {/if}

src/lib/Storage.svelte

@@ -242,6 +242,15 @@
       currentChatMessages.set(getChat(chatId).messages)
     }, 10)
   }
+  
+  const signalChangeTimers: any = {}
+  const setChatLastUse = (chatId: number, time: number) => {
+    clearTimeout(signalChangeTimers[chatId])
+    signalChangeTimers[chatId] = setTimeout(() => {
+      getChat(chatId).lastUse = time
+      saveChatStore()
+    }, 500)
+  }
 
   const setMessagesTimers: any = {}
   export const setMessages = (chatId: number, messages: Message[]) => {
@@ -253,13 +262,13 @@
       setMessagesTimers[chatId] = setTimeout(() => {
         getChat(chatId).messages = messages
         saveChatStore()
+        setChatLastUse(chatId, Date.now())
       }, 200)
     } else {
       clearTimeout(setMessagesTimers[chatId])
-      const chat = getChat(chatId)
+      getChat(chatId).messages = messages
-      chat.lastUse = Date.now()
-      chat.messages = messages
       saveChatStore()
+      setChatLastUse(chatId, Date.now())
     }
   }