diff options
Diffstat (limited to 'src/state/shell')
-rw-r--r-- | src/state/shell/index.tsx | 7 | ||||
-rw-r--r-- | src/state/shell/reminders.ts | 22 | ||||
-rw-r--r-- | src/state/shell/tick-every-minute.tsx | 20 |
3 files changed, 42 insertions, 7 deletions
diff --git a/src/state/shell/index.tsx b/src/state/shell/index.tsx index 63c3763d1..53f05055c 100644 --- a/src/state/shell/index.tsx +++ b/src/state/shell/index.tsx @@ -6,6 +6,7 @@ import {Provider as MinimalModeProvider} from './minimal-mode' import {Provider as ColorModeProvider} from './color-mode' import {Provider as OnboardingProvider} from './onboarding' import {Provider as ComposerProvider} from './composer' +import {Provider as TickEveryMinuteProvider} from './tick-every-minute' export {useIsDrawerOpen, useSetDrawerOpen} from './drawer-open' export { @@ -15,6 +16,8 @@ export { export {useMinimalShellMode, useSetMinimalShellMode} from './minimal-mode' export {useColorMode, useSetColorMode} from './color-mode' export {useOnboardingState, useOnboardingDispatch} from './onboarding' +export {useComposerState, useComposerControls} from './composer' +export {useTickEveryMinute} from './tick-every-minute' export function Provider({children}: React.PropsWithChildren<{}>) { return ( @@ -24,7 +27,9 @@ export function Provider({children}: React.PropsWithChildren<{}>) { <MinimalModeProvider> <ColorModeProvider> <OnboardingProvider> - <ComposerProvider>{children}</ComposerProvider> + <ComposerProvider> + <TickEveryMinuteProvider>{children}</TickEveryMinuteProvider> + </ComposerProvider> </OnboardingProvider> </ColorModeProvider> </MinimalModeProvider> diff --git a/src/state/shell/reminders.ts b/src/state/shell/reminders.ts index e7ee7a5fe..88d0a5d85 100644 --- a/src/state/shell/reminders.ts +++ b/src/state/shell/reminders.ts @@ -1,14 +1,24 @@ import * as persisted from '#/state/persisted' -import {SessionModel} from '../models/session' import {toHashCode} from 'lib/strings/helpers' import {isOnboardingActive} from './onboarding' +import {SessionAccount} from '../session' +import {listenSessionLoaded} from '../events' +import {unstable__openModal} from '../modals' -export function shouldRequestEmailConfirmation(session: SessionModel) { - const sess = session.currentSession - if (!sess) { +export function init() { + listenSessionLoaded(account => { + if (shouldRequestEmailConfirmation(account)) { + unstable__openModal({name: 'verify-email', showReminder: true}) + setEmailConfirmationRequested() + } + }) +} + +export function shouldRequestEmailConfirmation(account: SessionAccount) { + if (!account) { return false } - if (sess.emailConfirmed) { + if (account.emailConfirmed) { return false } if (isOnboardingActive()) { @@ -22,7 +32,7 @@ export function shouldRequestEmailConfirmation(session: SessionModel) { // shard the users into 2 day of the week buckets // (this is to avoid a sudden influx of email updates when // this feature rolls out) - const code = toHashCode(sess.did) % 7 + const code = toHashCode(account.did) % 7 if (code !== today.getDay() && code !== (today.getDay() + 1) % 7) { return false } diff --git a/src/state/shell/tick-every-minute.tsx b/src/state/shell/tick-every-minute.tsx new file mode 100644 index 000000000..c37221c90 --- /dev/null +++ b/src/state/shell/tick-every-minute.tsx @@ -0,0 +1,20 @@ +import React from 'react' + +type StateContext = number + +const stateContext = React.createContext<StateContext>(0) + +export function Provider({children}: React.PropsWithChildren<{}>) { + const [tick, setTick] = React.useState(Date.now()) + React.useEffect(() => { + const i = setInterval(() => { + setTick(Date.now()) + }, 60_000) + return () => clearInterval(i) + }, []) + return <stateContext.Provider value={tick}>{children}</stateContext.Provider> +} + +export function useTickEveryMinute() { + return React.useContext(stateContext) +} |