robinwobin.dev
forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 馃挮
1import React from 'react'
2import {msg} from '@lingui/macro'
3import {useLingui} from '@lingui/react'
4
5import {useSession} from '#/state/session'
6import {useDialogControl} from '#/components/Dialog'
7import {
8 EmailDialogScreenID,
9 useEmailDialogControl,
10} from '#/components/dialogs/EmailDialog'
11import {DisableEmail2FADialog} from './DisableEmail2FADialog'
12import * as SettingsList from './SettingsList'
13
14export function Email2FAToggle() {
15 const {_} = useLingui()
16 const {currentAccount} = useSession()
17 const disableDialogControl = useDialogControl()
18 const emailDialogControl = useEmailDialogControl()
19
20 const onToggle = React.useCallback(() => {
21 emailDialogControl.open({
22 id: EmailDialogScreenID.Manage2FA,
23 })
24 }, [emailDialogControl])
25
26 return (
27 <>
28 <DisableEmail2FADialog control={disableDialogControl} />
29 <SettingsList.BadgeButton
30 label={
31 currentAccount?.emailAuthFactor ? _(msg`Change`) : _(msg`Enable`)
32 }
33 onPress={onToggle}
34 />
35 </>
36 )
37}