import { atom, useAtom } from "jotai";
import { atomWithReducer, useReducerAtom } from 'jotai/utils'
import { User } from "../background/types/roomData";

interface ChatMessage {
  content: string
  sender: User
  uuid: string
  timestamp: number
}

export const allChatMessagesAtom = atomWithReducer([], (list: ChatMessage[], item: ChatMessage) => list.concat(item))

const useAllChat = () => {
  const [chatMessages, addChatMessage] = useAtom(allChatMessagesAtom)
  return { chatMesages: chatMessages, addChatMessage }
}

export default useAllChat