2017-07-22 21:27:38 +05:30
|
|
|
import React from 'react';
|
|
|
|
import { FormattedMessage as Message } from 'react-intl';
|
|
|
|
|
2020-01-18 02:07:52 +05:30
|
|
|
import { Input, Form, FormModel } from 'app/components/ui/form';
|
2019-12-08 00:32:00 +05:30
|
|
|
import profileForm from 'app/components/profile/profileForm.scss';
|
2020-01-18 02:07:52 +05:30
|
|
|
|
2017-07-22 21:27:38 +05:30
|
|
|
import messages from '../MultiFactorAuth.intl.json';
|
|
|
|
|
|
|
|
export default function Confirmation({
|
2019-11-27 14:33:32 +05:30
|
|
|
form,
|
|
|
|
formRef = () => {},
|
|
|
|
onSubmit,
|
|
|
|
onInvalid,
|
2017-07-22 21:27:38 +05:30
|
|
|
}: {
|
2019-12-07 16:58:52 +05:30
|
|
|
form: FormModel;
|
|
|
|
formRef?: (el: Form | null) => void;
|
2020-01-18 02:07:52 +05:30
|
|
|
onSubmit: (form: FormModel) => Promise<void> | void;
|
2019-12-07 16:58:52 +05:30
|
|
|
onInvalid: () => void;
|
2017-07-22 21:27:38 +05:30
|
|
|
}) {
|
2019-11-27 14:33:32 +05:30
|
|
|
return (
|
|
|
|
<Form form={form} onSubmit={onSubmit} onInvalid={onInvalid} ref={formRef}>
|
|
|
|
<div className={profileForm.formBody}>
|
|
|
|
<div className={profileForm.formRow}>
|
|
|
|
<p className={profileForm.description}>
|
|
|
|
<Message {...messages.enterCodeFromApp} />
|
|
|
|
</p>
|
|
|
|
</div>
|
2017-07-22 21:27:38 +05:30
|
|
|
|
2019-11-27 14:33:32 +05:30
|
|
|
<div className={profileForm.formRow}>
|
|
|
|
<Input
|
|
|
|
{...form.bindField('totp')}
|
|
|
|
required
|
|
|
|
autoComplete="off"
|
|
|
|
skin="light"
|
|
|
|
placeholder={messages.codePlaceholder}
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</Form>
|
|
|
|
);
|
2017-07-22 21:27:38 +05:30
|
|
|
}
|