add success icon and new loader animation

This commit is contained in:
Riku Rouvila
2017-07-08 19:25:16 +01:00
parent 3b38d17e02
commit 073b2365e0
8 changed files with 107 additions and 32 deletions

View File

@@ -4,9 +4,10 @@ var _ = require('lodash');
var request = require('axios');
var React = require('react');
var classSet = require('classnames');
var StripeCheckout = require('react-stripe-checkout').default;
var api = require('../api');
var StripeCheckout = require('react-stripe-checkout').default;
var Loader = require('./loader');
var config = require('../../config.js')();
var fieldNameTranslations = {
@@ -152,9 +153,16 @@ module.exports = React.createClass({
</span>
);
});
if (this.state.sending) {
return (
<div className='membership-form__loader'>
<Loader />
</div>
);
}
return (
<div>
<h3>Liity jäseneksi</h3>
<form className={formClasses}>
{inputFields}
{this.state.error && (