Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-03 23:00:14 -05:00
Code Issues Activity

Updated members payment failed copy and style

Browse source 
no-issue
This commit is contained in:
Zimo 2019-04-25 15:54:30 +02:00
parent bf90733ce1
commit a6d7c46f2c
2 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
core/server/lib/members/static/auth/pages/StripeSubscribePaymentPage.js
View file

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

5
core/server/lib/members/static/auth/styles/components.css
View file

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