Add ability to disable two factor authentication
This commit is contained in:
parent
2a653cdd8d
commit
9a0ed6b291
4 changed files with 107 additions and 3 deletions
|
@ -2,18 +2,23 @@ import React, { useState } from 'react';
|
|||
import { useStoreState } from 'easy-peasy';
|
||||
import { ApplicationStore } from '@/state';
|
||||
import SetupTwoFactorModal from '@/components/dashboard/forms/SetupTwoFactorModal';
|
||||
import DisableTwoFactorModal from '@/components/dashboard/forms/DisableTwoFactorModal';
|
||||
|
||||
export default () => {
|
||||
const user = useStoreState((state: ApplicationStore) => state.user.data!);
|
||||
const [visible, setVisible] = useState(false);
|
||||
const [ visible, setVisible ] = useState(false);
|
||||
|
||||
return user.useTotp ?
|
||||
<div>
|
||||
{visible && <DisableTwoFactorModal visible={visible} onDismissed={() => setVisible(false)}/>}
|
||||
<p className={'text-sm'}>
|
||||
Two-factor authentication is currently enabled on your account.
|
||||
</p>
|
||||
<div className={'mt-6'}>
|
||||
<button className={'btn btn-red btn-secondary btn-sm'}>
|
||||
<button
|
||||
onClick={() => setVisible(true)}
|
||||
className={'btn btn-red btn-secondary btn-sm'}
|
||||
>
|
||||
Disable
|
||||
</button>
|
||||
</div>
|
||||
|
|
Reference in a new issue