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