Tomas Valenta
48 lines
1.2 KiB
TypeScript
48 lines
1.2 KiB
TypeScript
import {
|
|
PropsWithChildren,
|
|
useContext,
|
|
createContext,
|
|
useMemo
|
|
} from 'react'
|
|
import { SupabaseClient } from '@supabase/supabase-js'
|
|
import { projects } from '@prisma/client'
|
|
|
|
import { Database } from 'db/supabase'
|
|
|
|
import { createStore } from './store'
|
|
import { createSelectors } from './selectors'
|
|
|
|
type StoreType = ReturnType<typeof createStore>
|
|
type SelectorsType = ReturnType<typeof createSelectors<StoreType>>
|
|
|
|
const storeContext = createContext<[SelectorsType, StoreType] | null>(null)
|
|
|
|
export interface Props extends PropsWithChildren {
|
|
project: projects
|
|
client: SupabaseClient<Database>
|
|
}
|
|
|
|
export function StoreProvider({
|
|
project,
|
|
client,
|
|
children,
|
|
}: Props) {
|
|
const store = useMemo(() => createStore(project, client), [project.id, project.data, client])
|
|
const selectors = createSelectors(store,)
|
|
return (
|
|
<storeContext.Provider value={[selectors, store]}>
|
|
{children}
|
|
</storeContext.Provider>
|
|
)
|
|
}
|
|
|
|
export function useStateStore() {
|
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
const ctx = useContext(storeContext)
|
|
|
|
if (!ctx) {
|
|
throw new Error('getStoreContext must be used inside StoreProvider')
|
|
}
|
|
return ctx
|
|
}
|