Bluesky app fork with some witchin' additions 💫 witchsky.app
bluesky fork client
at feat/custom-appview 50 lines 1.5 kB view raw
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}