Updated members payment failed copy and style

no-issue
This commit is contained in:
Zimo 2019-04-25 15:54:30 +02:00 committed by Fabien O'Carroll
parent 79f31b7323
commit 5101735f9d
2 changed files with 8 additions and 4 deletions

View File

@ -5,6 +5,7 @@ import FormSubmit from '../components/FormSubmit';
import CouponInput from '../components/CouponInput';
import CheckoutForm from '../components/CheckoutForm';
import Form from '../components/Form';
import { IconError } from '../components/icons';
const getCouponData = frameLocation => {
const params = new URLSearchParams(frameLocation.query);
@ -102,8 +103,10 @@ export default class StripeSubscriptionPage extends Component {
return (
<div class="gm-upgrade-page">
<div className="gm-modal-form gm-subscribe-form">
<FormHeader title="Complete payment" error={error} errorText="Unable to confirm payment" />
<div> We were unable to process your payment, please try again or use different card details.</div>
<FormHeader title="Card declined" error={error} errorText="Unable to confirm payment" />
<div class="gm-form-errortext"><i>{ IconError }</i>
<span>We were unable to process your payment, please try again or use different card details.</span>
</div>
<div className="flex flex-column justfiy-stretch mt7">
{ this.renderPlansSection() }
<div className="mt4 nb3">

View File

@ -415,7 +415,8 @@ select:-webkit-autofill:active {
display: flex;
justify-content: center;
align-items: start;
border-radius: 4px;
border-radius: 7px;
line-height: 1.4em;
}
.gm-form-errortext span {
@ -423,7 +424,7 @@ select:-webkit-autofill:active {
}
.gm-form-errortext i {
margin: 1px 8px 0 0;
margin: 3px 8px 0 0;
}
.gm-form-errortext i svg path {