Cleanup logic powering totp enabling modal

This commit is contained in:
DaneEveritt 2022-07-03 13:43:54 -04:00
parent a4feed24a8
commit 92926ca193
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
2 changed files with 76 additions and 87 deletions

View file

@ -3,16 +3,24 @@ import { useStoreState } from 'easy-peasy';
import { ApplicationStore } from '@/state';
import tw from 'twin.macro';
import { Button } from '@/components/elements/button/index';
import SetupTOTPModal from '@/components/dashboard/forms/SetupTOTPModal';
import DisableTwoFactorModal from '@/components/dashboard/forms/DisableTwoFactorModal';
import SetupTOTPModal from '@/components/dashboard/forms/SetupTOTPModal';
import RecoveryTokensDialog from '@/components/dashboard/forms/RecoveryTokensDialog';
export default () => {
const [tokens, setTokens] = useState<string[]>([]);
const [visible, setVisible] = useState<'enable' | 'disable' | null>(null);
const isEnabled = useStoreState((state: ApplicationStore) => state.user.data!.useTotp);
const onTokens = (tokens: string[]) => {
setTokens(tokens);
setVisible(null);
};
return (
<div>
<SetupTOTPModal open={visible === 'enable'} onClose={() => setVisible(null)} />
<SetupTOTPModal open={visible === 'enable'} onClose={() => setVisible(null)} onTokens={onTokens} />
<RecoveryTokensDialog tokens={tokens} open={tokens.length > 0} onClose={() => setTokens([])} />
<DisableTwoFactorModal visible={visible === 'disable'} onModalDismissed={() => setVisible(null)} />
<p css={tw`text-sm`}>
{isEnabled