accounts-frontend/src/components/profile/multiFactorAuth/confirmation/Confirmation.js

47 lines
1.3 KiB
JavaScript
Raw Normal View History

2017-07-22 21:27:38 +05:30
// @flow
import React from 'react';
import { FormattedMessage as Message } from 'react-intl';
import { Input, Form, FormModel } from 'components/ui/form';
2017-07-22 21:27:38 +05:30
import profileForm from 'components/profile/profileForm.scss';
import messages from '../MultiFactorAuth.intl.json';
export default function Confirmation({
form,
formRef = () => {},
onSubmit,
onInvalid
2017-07-22 21:27:38 +05:30
}: {
form: FormModel,
formRef?: (el: ?Form) => void,
onSubmit: () => Promise<*>,
onInvalid: Function
2017-07-22 21:27:38 +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
<div className={profileForm.formRow}>
<Input {...form.bindField('totp')}
required
autoComplete="off"
skin="light"
placeholder={messages.codePlaceholder}
/>
</div>
2017-07-22 21:27:38 +05:30
</div>
</Form>
2017-07-22 21:27:38 +05:30
);
}