accounts-frontend/packages/app/components/profile/multiFactorAuth/confirmation/Confirmation.tsx

42 lines
1.1 KiB
TypeScript
Raw Normal View History

2017-07-22 21:27:38 +05:30
import React from 'react';
import { FormattedMessage as Message } from 'react-intl';
import { Input, Form, FormModel } from 'app/components/ui/form';
import profileForm from 'app/components/profile/profileForm.scss';
2017-07-22 21:27:38 +05:30
import messages from '../MultiFactorAuth.intl.json';
export default function Confirmation({
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;
onSubmit: (form: FormModel) => Promise<void> | void;
2019-12-07 16:58:52 +05:30
onInvalid: () => void;
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>
</div>
</Form>
);
2017-07-22 21:27:38 +05:30
}