2017-09-09 19:52:19 +05:30
|
|
|
// @flow
|
|
|
|
import React, { Component } from 'react';
|
|
|
|
import { FormattedMessage as Message } from 'react-intl';
|
|
|
|
|
|
|
|
import { Button, Input, Form, FormModel } from 'components/ui/form';
|
|
|
|
import styles from 'components/profile/profileForm.scss';
|
|
|
|
|
|
|
|
import messages from '../MultiFactorAuth.intl.json';
|
|
|
|
import mfaStyles from '../mfa.scss';
|
|
|
|
|
|
|
|
export default class MfaDisableForm extends Component<{
|
2019-11-27 14:33:32 +05:30
|
|
|
onSubmit: (form: FormModel) => Promise<*>,
|
2017-09-09 19:52:19 +05:30
|
|
|
}> {
|
2019-11-27 14:33:32 +05:30
|
|
|
form: FormModel = new FormModel();
|
|
|
|
|
|
|
|
render() {
|
|
|
|
const { form } = this;
|
|
|
|
const { onSubmit } = this.props;
|
|
|
|
|
|
|
|
return (
|
|
|
|
<Form form={form} onSubmit={onSubmit}>
|
|
|
|
<div className={styles.formBody}>
|
|
|
|
<div className={styles.formRow}>
|
|
|
|
<p className={`${styles.description} ${mfaStyles.mfaTitle}`}>
|
|
|
|
<Message {...messages.disableMfa} />
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div className={styles.formRow}>
|
|
|
|
<p className={styles.description}>
|
|
|
|
<Message {...messages.disableMfaInstruction} />
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div className={styles.formRow}>
|
|
|
|
<Input
|
|
|
|
{...form.bindField('totp')}
|
|
|
|
required
|
|
|
|
autoFocus
|
|
|
|
autoComplete="off"
|
|
|
|
skin="light"
|
|
|
|
placeholder={messages.codePlaceholder}
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<Button type="submit" color="green" block label={messages.disable} />
|
|
|
|
</Form>
|
|
|
|
);
|
|
|
|
}
|
2017-09-09 19:52:19 +05:30
|
|
|
}
|