diff --git a/client/src/components/Donation/DonateForm.js b/client/src/components/Donation/DonateForm.js index 3008bc4f7cd..44850f48425 100644 --- a/client/src/components/Donation/DonateForm.js +++ b/client/src/components/Donation/DonateForm.js @@ -234,6 +234,20 @@ class DonateForm extends Component { )); } + renderDonationDescription() { + const { donationAmount, donationDuration } = this.state; + return ( +
+ {`Your `} + {this.getFormatedAmountLabel(donationAmount)} + {` donation will provide `} + {this.convertToTimeContributed(donationAmount)} + {` of learning to people around the world`} + {donationDuration === 'onetime' ? `.` : ` each ${donationDuration}.`} +
+ ); + } + renderDurationAmountOptions() { const { donationAmount, donationDuration, processing } = this.state; return !processing ? ( @@ -267,14 +281,7 @@ class DonateForm extends Component { {this.renderAmountButtons(duration)}- {`Your `} - {this.getFormatedAmountLabel(donationAmount)} - {` donation will provide `} - {this.convertToTimeContributed(donationAmount)} - {` of learning to people around the world`} - {duration === 'onetime' ? `.` : ` each ${duration}.`} -
+ {this.renderDonationDescription()} ))} @@ -383,7 +390,7 @@ class DonateForm extends Component { renderPageForm() { return (- If you would like to make additional donations, those will - help our nonprofit and our mission, too. + You can make an additional one-time donation of any amount + using this link:{' '} + + https://www.paypal.me/freecodecamp +
) : null}