import {createContext, useContext, useMemo} from 'react' import {useLanguagePrefs} from '#/state/preferences/languages' import {useServiceConfigQuery} from '#/state/queries/service-config' import {device} from '#/storage' type TrendingContext = { enabled: boolean } const TrendingContext = createContext({ enabled: false, }) TrendingContext.displayName = 'TrendingContext' const CheckEmailConfirmedContext = createContext(null) export function Provider({children}: {children: React.ReactNode}) { const langPrefs = useLanguagePrefs() const {data: config, isLoading: isInitialLoad} = useServiceConfigQuery() const trending = useMemo(() => { if (__DEV__) { return {enabled: true} } /* * Only English during beta period */ if ( !!langPrefs.contentLanguages.length && !langPrefs.contentLanguages.includes('en') ) { return {enabled: false} } /* * While loading, use cached value */ const cachedEnabled = device.get(['trendingBetaEnabled']) if (isInitialLoad) { return {enabled: Boolean(cachedEnabled)} } const enabled = Boolean(config?.topicsEnabled) // update cache device.set(['trendingBetaEnabled'], enabled) return {enabled} }, [isInitialLoad, config, langPrefs.contentLanguages]) // probably true, so default to true when loading // if the call fails, the query will set it to false for us const checkEmailConfirmed = config?.checkEmailConfirmed ?? true return ( {children} ) } export function useTrendingConfig() { return useContext(TrendingContext) } export function useCheckEmailConfirmed() { const ctx = useContext(CheckEmailConfirmedContext) if (ctx === null) { throw new Error( 'useCheckEmailConfirmed must be used within a ServiceConfigManager', ) } return ctx }