forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 馃挮
1import {
2 createContext,
3 type ReactNode,
4 useCallback,
5 useContext,
6 useEffect,
7 useState,
8} from 'react'
9
10import * as persisted from '#/state/persisted'
11
12type StateContext = boolean
13type SetContext = (v: boolean) => void
14
15const stateContext = createContext<StateContext>(
16 Boolean(persisted.defaults.repostCarouselEnabled),
17)
18const setContext = createContext<SetContext>((_: boolean) => {})
19
20export function Provider({children}: {children: ReactNode}) {
21 const [state, setState] = useState(
22 Boolean(persisted.get('repostCarouselEnabled')),
23 )
24
25 const setStateWrapped = useCallback(
26 (value: persisted.Schema['repostCarouselEnabled']) => {
27 setState(Boolean(value))
28 persisted.write('repostCarouselEnabled', value)
29 },
30 [setState],
31 )
32
33 useEffect(() => {
34 return persisted.onUpdate('repostCarouselEnabled', nextValue => {
35 setState(Boolean(nextValue))
36 })
37 }, [setStateWrapped])
38
39 return (
40 <stateContext.Provider value={state}>
41 <setContext.Provider value={setStateWrapped}>
42 {children}
43 </setContext.Provider>
44 </stateContext.Provider>
45 )
46}
47
48export const useRepostCarouselEnabled = () => useContext(stateContext)
49export const useSetRepostCarouselEnabled = () => useContext(setContext)