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 ( -
+
+
+ +