diff options
Diffstat (limited to 'src/state/shell/alt-text-required.tsx')
-rw-r--r-- | src/state/shell/alt-text-required.tsx | 48 |
1 files changed, 0 insertions, 48 deletions
diff --git a/src/state/shell/alt-text-required.tsx b/src/state/shell/alt-text-required.tsx deleted file mode 100644 index 81de9e006..000000000 --- a/src/state/shell/alt-text-required.tsx +++ /dev/null @@ -1,48 +0,0 @@ -import React from 'react' -import * as persisted from '#/state/persisted' - -type StateContext = persisted.Schema['requireAltTextEnabled'] -type SetContext = (v: persisted.Schema['requireAltTextEnabled']) => void - -const stateContext = React.createContext<StateContext>( - persisted.defaults.requireAltTextEnabled, -) -const setContext = React.createContext<SetContext>( - (_: persisted.Schema['requireAltTextEnabled']) => {}, -) - -export function Provider({children}: React.PropsWithChildren<{}>) { - const [state, setState] = React.useState( - persisted.get('requireAltTextEnabled'), - ) - - const setStateWrapped = React.useCallback( - (requireAltTextEnabled: persisted.Schema['requireAltTextEnabled']) => { - setState(requireAltTextEnabled) - persisted.write('requireAltTextEnabled', requireAltTextEnabled) - }, - [setState], - ) - - React.useEffect(() => { - return persisted.onUpdate(() => { - setState(persisted.get('requireAltTextEnabled')) - }) - }, [setStateWrapped]) - - return ( - <stateContext.Provider value={state}> - <setContext.Provider value={setStateWrapped}> - {children} - </setContext.Provider> - </stateContext.Provider> - ) -} - -export function useRequireAltTextEnabled() { - return React.useContext(stateContext) -} - -export function useSetRequireAltTextEnabled() { - return React.useContext(setContext) -} |