come on mannnnnn

app/hooks/useChatHistory.tsx

@@ -1,14 +1,55 @@
-import { useState } from "react"
+import { useEffect, useState } from "react"
 
-const useChatHistory = () => {
-    type ChatMessages = {
-        name: string
-        messages: {}
-        timestamp: number
-    }
-
-
-    const [chathistory, setChatHistory] = useState<ChatMessages[]>()
+interface Message {
+    role: string
+    content:string
 }
 
-export default useChatHistory
+interface ChatMessages {
+    name: string
+    messages: Message[]
+    timestamp: number
+    
+}
+
+interface GlobalChatHistory {
+    chats: ChatMessages[]
+    selectedIndex: number
+}
+
+let globalChatHistory: GlobalChatHistory = {
+    chats: [
+        { name: "Chat 1", messages: [], timestamp: 4 }
+    ],
+    selectedIndex:0
+}
+let listeners: ((state: GlobalChatHistory) => void)[] = []
+
+const setGlobalState = (newState: GlobalChatHistory): void => {
+    globalChatHistory = newState;
+    listeners.forEach((listener) => listener(globalChatHistory))
+}
+
+export const useChatHistory = (): [GlobalChatHistory, (newState:GlobalChatHistory) => void, (index:number)=>void] => {
+    const [state, setState] = useState<GlobalChatHistory>(globalChatHistory)
+
+    useEffect(() => {
+        console.log("help", globalChatHistory);
+        
+        const listener = (newState: GlobalChatHistory) => {
+            setState(newState)
+        }
+
+        listeners.push(listener)
+
+        return () => {
+            listeners = listeners.filter((l) => l!== listener)
+        }
+    }, [])
+
+    const setSelectedIndex = (index: number) => {
+        setGlobalState({...state,selectedIndex:index})
+    }
+
+    return [state, setGlobalState, setSelectedIndex]
+}