mirror of
https://github.com/elyby/accounts-frontend.git
synced 2024-12-05 13:08:58 +05:30
44 lines
1.2 KiB
TypeScript
44 lines
1.2 KiB
TypeScript
import React from 'react';
|
|
import { defineMessages, FormattedMessage as Message } from 'react-intl';
|
|
import { PanelIcon } from 'app/components/ui/Panel';
|
|
import { Input } from 'app/components/ui/form';
|
|
import BaseAuthBody from 'app/components/auth/BaseAuthBody';
|
|
|
|
import styles from './mfa.scss';
|
|
|
|
const messages = defineMessages({
|
|
enterTotp: 'Enter code',
|
|
});
|
|
|
|
export default class MfaBody extends BaseAuthBody {
|
|
static panelId = 'mfa';
|
|
static hasGoBack = true;
|
|
|
|
autoFocusField = 'totp';
|
|
|
|
render() {
|
|
return (
|
|
<div>
|
|
{this.renderErrors()}
|
|
|
|
<PanelIcon icon="lock" />
|
|
|
|
<p className={styles.descriptionText}>
|
|
<Message
|
|
key="description"
|
|
defaultMessage="In order to sign in this account, you need to enter a one-time password from mobile application"
|
|
/>
|
|
</p>
|
|
|
|
<Input
|
|
{...this.bindField('totp')}
|
|
icon="key"
|
|
required
|
|
placeholder={messages.enterTotp}
|
|
autoComplete="off"
|
|
/>
|
|
</div>
|
|
);
|
|
}
|
|
}
|