Bluesky app fork with some witchin' additions 💫
witchsky.app
bluesky
fork
client
1import React from 'react'
2
3import * as persisted from '#/state/persisted'
4
5// Preference: enableSquareButtons – when true, disables notifications sent when liking/reposting a post someone else reposted
6
7type StateContext = persisted.Schema['enableSquareButtons']
8// Same setter signature used across other preference modules
9type SetContext = (v: persisted.Schema['enableSquareButtons']) => void
10
11const stateContext = React.createContext<StateContext>(
12 persisted.defaults.enableSquareButtons,
13)
14const setContext = React.createContext<SetContext>(
15 (_: persisted.Schema['enableSquareButtons']) => {},
16)
17
18export function Provider({children}: React.PropsWithChildren<{}>) {
19 const [state, setState] = React.useState(persisted.get('enableSquareButtons'))
20
21 const setStateWrapped = React.useCallback(
22 (value: persisted.Schema['enableSquareButtons']) => {
23 setState(value)
24 persisted.write('enableSquareButtons', value)
25 },
26 [setState],
27 )
28
29 React.useEffect(() => {
30 return persisted.onUpdate('enableSquareButtons', next => {
31 setState(next)
32 })
33 }, [setStateWrapped])
34
35 return (
36 <stateContext.Provider value={state}>
37 <setContext.Provider value={setStateWrapped}>
38 {children}
39 </setContext.Provider>
40 </stateContext.Provider>
41 )
42}
43
44export function useEnableSquareButtons() {
45 return React.useContext(stateContext)
46}
47
48export function useSetEnableSquareButtons() {
49 return React.useContext(setContext)
50}