make stripe-checkout functionality work and style code a bit

This commit is contained in:
Cihan Bebek
2017-07-06 12:58:03 +03:00
parent e87dfa643b
commit 379becc861
4 changed files with 73 additions and 95 deletions

View File

@@ -10,32 +10,32 @@ var MembershipInfoForm = require('./membershipInfoForm.js');
module.exports = React.createClass({
getInitialState() {
return {
userInfo: null,
userInfo: null,
infoFormSuccess: false,
paymentSuccess: false
paymentSuccess: false
};
},
handlePaymentSuccess() {
this.setState({paymentSuccess: true});
this.setState({ paymentSuccess: true });
},
handleInfoFormSuccess(userInfo) {
this.setState({
userInfo: userInfo,
userInfo: userInfo,
infoFormSuccess: true,
});
},
render() {
if(!this.state.infoFormSuccess) {
return <MembershipInfoForm onSuccess={this.handleInfoFormSuccess}></MembershipInfoForm>
return <MembershipInfoForm onSuccess={ this.handleInfoFormSuccess }></MembershipInfoForm>
} else if (!this.state.paymentSuccess) {
return (
<StripeCheckout
payerName={this.state.userInfo.name}
onPaymentSuccess={this.handlePaymentSuccess}>
userInfo = { this.state.userInfo }
onPaymentSuccess = { this.handlePaymentSuccess }>
</StripeCheckout>)
} else {