diff options
Diffstat (limited to 'src/state/preferences')
-rw-r--r-- | src/state/preferences/alt-text-required.tsx | 1 | ||||
-rw-r--r-- | src/state/preferences/hidden-posts.tsx | 1 | ||||
-rw-r--r-- | src/state/preferences/index.tsx | 25 | ||||
-rw-r--r-- | src/state/preferences/large-alt-badge.tsx | 49 |
4 files changed, 65 insertions, 11 deletions
diff --git a/src/state/preferences/alt-text-required.tsx b/src/state/preferences/alt-text-required.tsx index 81de9e006..642e790fb 100644 --- a/src/state/preferences/alt-text-required.tsx +++ b/src/state/preferences/alt-text-required.tsx @@ -1,4 +1,5 @@ import React from 'react' + import * as persisted from '#/state/persisted' type StateContext = persisted.Schema['requireAltTextEnabled'] diff --git a/src/state/preferences/hidden-posts.tsx b/src/state/preferences/hidden-posts.tsx index 11119ce75..2c6a373e1 100644 --- a/src/state/preferences/hidden-posts.tsx +++ b/src/state/preferences/hidden-posts.tsx @@ -1,4 +1,5 @@ import React from 'react' + import * as persisted from '#/state/persisted' type SetStateCb = ( diff --git a/src/state/preferences/index.tsx b/src/state/preferences/index.tsx index 70c8efc80..e1a35f193 100644 --- a/src/state/preferences/index.tsx +++ b/src/state/preferences/index.tsx @@ -8,6 +8,7 @@ import {Provider as HiddenPostsProvider} from './hidden-posts' import {Provider as InAppBrowserProvider} from './in-app-browser' import {Provider as KawaiiProvider} from './kawaii' import {Provider as LanguagesProvider} from './languages' +import {Provider as LargeAltBadgeProvider} from './large-alt-badge' export { useRequireAltTextEnabled, @@ -27,17 +28,19 @@ export function Provider({children}: React.PropsWithChildren<{}>) { return ( <LanguagesProvider> <AltTextRequiredProvider> - <ExternalEmbedsProvider> - <HiddenPostsProvider> - <InAppBrowserProvider> - <DisableHapticsProvider> - <AutoplayProvider> - <KawaiiProvider>{children}</KawaiiProvider> - </AutoplayProvider> - </DisableHapticsProvider> - </InAppBrowserProvider> - </HiddenPostsProvider> - </ExternalEmbedsProvider> + <LargeAltBadgeProvider> + <ExternalEmbedsProvider> + <HiddenPostsProvider> + <InAppBrowserProvider> + <DisableHapticsProvider> + <AutoplayProvider> + <KawaiiProvider>{children}</KawaiiProvider> + </AutoplayProvider> + </DisableHapticsProvider> + </InAppBrowserProvider> + </HiddenPostsProvider> + </ExternalEmbedsProvider> + </LargeAltBadgeProvider> </AltTextRequiredProvider> </LanguagesProvider> ) diff --git a/src/state/preferences/large-alt-badge.tsx b/src/state/preferences/large-alt-badge.tsx new file mode 100644 index 000000000..b3d597c5c --- /dev/null +++ b/src/state/preferences/large-alt-badge.tsx @@ -0,0 +1,49 @@ +import React from 'react' + +import * as persisted from '#/state/persisted' + +type StateContext = persisted.Schema['largeAltBadgeEnabled'] +type SetContext = (v: persisted.Schema['largeAltBadgeEnabled']) => void + +const stateContext = React.createContext<StateContext>( + persisted.defaults.largeAltBadgeEnabled, +) +const setContext = React.createContext<SetContext>( + (_: persisted.Schema['largeAltBadgeEnabled']) => {}, +) + +export function Provider({children}: React.PropsWithChildren<{}>) { + const [state, setState] = React.useState( + persisted.get('largeAltBadgeEnabled'), + ) + + const setStateWrapped = React.useCallback( + (largeAltBadgeEnabled: persisted.Schema['largeAltBadgeEnabled']) => { + setState(largeAltBadgeEnabled) + persisted.write('largeAltBadgeEnabled', largeAltBadgeEnabled) + }, + [setState], + ) + + React.useEffect(() => { + return persisted.onUpdate(() => { + setState(persisted.get('largeAltBadgeEnabled')) + }) + }, [setStateWrapped]) + + return ( + <stateContext.Provider value={state}> + <setContext.Provider value={setStateWrapped}> + {children} + </setContext.Provider> + </stateContext.Provider> + ) +} + +export function useLargeAltBadgeEnabled() { + return React.useContext(stateContext) +} + +export function useSetLargeAltBadgeEnabled() { + return React.useContext(setContext) +} |