37 lines
1.0 KiB
TypeScript
37 lines
1.0 KiB
TypeScript
import type { JSX } from 'solid-js'
|
|
import { createContext, useContext } from 'solid-js'
|
|
import type { Message } from '../graphql/types.gen'
|
|
import { apiClient } from '../utils/apiClient'
|
|
import { createStore } from 'solid-js/store'
|
|
|
|
type InboxContextType = {
|
|
chatEntities: { [chatId: string]: Message[] }
|
|
actions: {
|
|
createChat: (members: string[], title?: string) => Promise<void>
|
|
}
|
|
}
|
|
|
|
const InboxContext = createContext<InboxContextType>()
|
|
|
|
export function useInbox() {
|
|
return useContext(InboxContext)
|
|
}
|
|
|
|
export const InboxProvider = (props: { children: JSX.Element }) => {
|
|
const [chatEntities, setChatEntities] = createStore({})
|
|
|
|
const createChat = async (members: string[]) => {
|
|
const chat = await apiClient.createChat({ members })
|
|
setChatEntities((s) => {
|
|
s[chat.id] = chat
|
|
})
|
|
return chat
|
|
}
|
|
|
|
const actions = {
|
|
createChat
|
|
}
|
|
const value: InboxContextType = { chatEntities, actions }
|
|
return <InboxContext.Provider value={value}>{props.children}</InboxContext.Provider>
|
|
}
|