diff --git a/src/components/auth/register/RegisterBody.jsx b/src/components/auth/register/RegisterBody.jsx
index 4c5a251..5338521 100644
--- a/src/components/auth/register/RegisterBody.jsx
+++ b/src/components/auth/register/RegisterBody.jsx
@@ -54,7 +54,7 @@ export default class RegisterBody extends BaseAuthBody {
placeholder={messages.repeatPassword}
/>
-
+
-
+
);
}
diff --git a/src/components/ui/form/Captcha.jsx b/src/components/ui/form/Captcha.jsx
index 7bcba7d..06d6efd 100644
--- a/src/components/ui/form/Captcha.jsx
+++ b/src/components/ui/form/Captcha.jsx
@@ -4,6 +4,7 @@ import classNames from 'classnames';
import captcha from 'services/captcha';
import { skins, SKIN_DARK } from 'components/ui';
+import { ComponentLoader } from 'components/ui/loader';
import styles from './form.scss';
import FormInputComponent from './FormInputComponent';
@@ -12,25 +13,30 @@ export default class Captcha extends FormInputComponent {
static displayName = 'Captcha';
static propTypes = {
- skin: PropTypes.oneOf(skins)
+ skin: PropTypes.oneOf(skins),
+ delay: PropTypes.number
};
static defaultProps = {
- skin: SKIN_DARK
+ skin: SKIN_DARK,
+ delay: 0
};
componentDidMount() {
- captcha.render(this.el, {
+ setTimeout(() => captcha.render(this.el, {
skin: this.props.skin,
onSetCode: this.setCode
- });
+ }), this.props.delay);
}
render() {
const {skin} = this.props;
return (
-