2017-09-09 19:52:19 +05:30
|
|
|
import React from 'react';
|
|
|
|
import { FormattedMessage as Message } from 'react-intl';
|
2019-12-08 00:32:00 +05:30
|
|
|
import { ScrollIntoView } from 'app/components/ui/scroll';
|
|
|
|
import styles from 'app/components/profile/profileForm.scss';
|
|
|
|
import icons from 'app/components/ui/icons.scss';
|
2017-09-09 19:52:19 +05:30
|
|
|
|
|
|
|
import messages from '../MultiFactorAuth.intl.json';
|
|
|
|
import mfaStyles from '../mfa.scss';
|
|
|
|
|
2019-12-07 16:58:52 +05:30
|
|
|
export default function MfaStatus({ onProceed }: { onProceed: () => void }) {
|
2019-11-27 14:33:32 +05:30
|
|
|
return (
|
|
|
|
<div className={styles.formBody}>
|
|
|
|
<ScrollIntoView />
|
2017-10-28 19:08:07 +05:30
|
|
|
|
2019-11-27 14:33:32 +05:30
|
|
|
<div className={styles.formRow}>
|
|
|
|
<div className={mfaStyles.bigIcon}>
|
|
|
|
<span className={icons.lock} />
|
|
|
|
</div>
|
|
|
|
<p className={`${styles.description} ${mfaStyles.mfaTitle}`}>
|
|
|
|
<Message {...messages.mfaEnabledForYourAcc} />
|
|
|
|
</p>
|
|
|
|
</div>
|
2017-09-09 19:52:19 +05:30
|
|
|
|
2019-11-27 14:33:32 +05:30
|
|
|
<div className={styles.formRow}>
|
|
|
|
<p className={styles.description}>
|
|
|
|
<Message {...messages.mfaLoginFlowDesc} />
|
|
|
|
</p>
|
|
|
|
</div>
|
2017-09-09 19:52:19 +05:30
|
|
|
|
2019-11-27 14:33:32 +05:30
|
|
|
<div className={`${styles.formRow} ${mfaStyles.disableMfa}`}>
|
|
|
|
<p className={styles.description}>
|
|
|
|
<a
|
|
|
|
href="#"
|
2020-05-20 22:05:52 +05:30
|
|
|
onClick={(event) => {
|
2019-11-27 14:33:32 +05:30
|
|
|
event.preventDefault();
|
|
|
|
onProceed();
|
|
|
|
}}
|
|
|
|
>
|
|
|
|
<Message {...messages.disable} />
|
|
|
|
</a>
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
);
|
2017-09-09 19:52:19 +05:30
|
|
|
}
|