Fix issue with deleting chat history not updating current chat ID

src/components/Sidebar/chat/ChatHistory.tsx

@@ -24,9 +24,6 @@ const ChatHistory = () => {
 
   const handleChatDelete = (id: string) => {
     deleteChatHistory(id);
-    if (id === currentChatId) {
-      setCurrentChatId(history[0].id);
-    }
   };
 
   return (
@@ -58,6 +55,7 @@ const ChatHistory = () => {
                 <DropdownMenu.Item
                   key={chat.id}
                   onSelect={() => {
+                    alert("CLICKED")
                     setCurrentChatId(chat.id);
                   }}
                   className={`cdx-px-3 cdx-py-1.5 cdx-relative cdx-flex cdx-gap-3 cdx-justify-between cdx-items-center cdx-border-b dark:cdx-border-b-[#2F2F2F] ${

src/hooks/useChatHistory.ts

@@ -58,11 +58,17 @@ export const useChatHistory = () => {
     return newId;
   };
 
-  const deleteChatHistory = (id: string | null) => {
+  const deleteChatHistory = async (id: string | null) => {
     if (!id) return;
     setHistory((prev) => prev.filter((h) => h.id !== id));
     const newCurrentChatId = history.find((h) => h.id !== id)?.id ?? null;
-    setCurrentChatId(newCurrentChatId); // FIXME: this is not working
+
+    //TODO: This is a work around to make sure the current chat id is updated
+    // when message is deleted from the chat history dropdown menu cuz onSelect
+    // will also trigger when the user clicks on the delete button. we need
+    // to rethink UI/UX for this
+    await new Promise((resolve) => setTimeout(resolve, 1000));
+    setCurrentChatId(newCurrentChatId);
   };
 
   const getChatHistory = (id: string) => {