From 00849387c0a0574d329fd86f1b65bcac6e3f7639 Mon Sep 17 00:00:00 2001
From: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com>
Date: Wed, 25 Nov 2020 06:00:12 +0300
Subject: [PATCH] feat: remove all donation options on /donate but $5 (#40309)

---
 client/src/components/Donation/DonateForm.js | 25 +++++++++++++-------
 client/src/components/Donation/Donation.css  |  5 ++++
 client/src/pages/donate.js                   |  8 ++++---
 config/donation-settings.js                  |  3 +--
 4 files changed, 27 insertions(+), 14 deletions(-)

diff --git a/client/src/components/Donation/DonateForm.js b/client/src/components/Donation/DonateForm.js
index 3008bc4f7c..44850f4842 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 (
+      <p className='donation-description'>
+        {`Your `}
+        {this.getFormatedAmountLabel(donationAmount)}
+        {` donation will provide `}
+        {this.convertToTimeContributed(donationAmount)}
+        {` of learning to people around the world`}
+        {donationDuration === 'onetime' ? `.` : ` each ${donationDuration}.`}
+      </p>
+    );
+  }
+
   renderDurationAmountOptions() {
     const { donationAmount, donationDuration, processing } = this.state;
     return !processing ? (
@@ -267,14 +281,7 @@ class DonateForm extends Component {
                   {this.renderAmountButtons(duration)}
                 </ToggleButtonGroup>
                 <Spacer />
-                <p className='donation-description'>
-                  {`Your `}
-                  {this.getFormatedAmountLabel(donationAmount)}
-                  {` donation will provide `}
-                  {this.convertToTimeContributed(donationAmount)}
-                  {` of learning to people around the world`}
-                  {duration === 'onetime' ? `.` : ` each ${duration}.`}
-                </p>
+                {this.renderDonationDescription()}
               </div>
             </Tab>
           ))}
@@ -383,7 +390,7 @@ class DonateForm extends Component {
   renderPageForm() {
     return (
       <Row>
-        <Col xs={12}>{this.renderDurationAmountOptions()}</Col>
+        <Col xs={12}>{this.renderDonationDescription()}</Col>
         <Col xs={12}>{this.renderDonationOptions()}</Col>
       </Row>
     );
diff --git a/client/src/components/Donation/Donation.css b/client/src/components/Donation/Donation.css
index 2d96910a18..f354fd047f 100644
--- a/client/src/components/Donation/Donation.css
+++ b/client/src/components/Donation/Donation.css
@@ -407,3 +407,8 @@ button#confirm-donation-btn:hover {
     margin-right: auto;
   }
 }
+
+.donate-page-wrapper .alert.alert-info a:hover {
+  color: #327290;
+  background-color: #acdef3;
+}
diff --git a/client/src/pages/donate.js b/client/src/pages/donate.js
index 78c1be8dfd..bcf805c1a4 100644
--- a/client/src/pages/donate.js
+++ b/client/src/pages/donate.js
@@ -101,13 +101,15 @@ export class DonatePage extends Component {
                     </p>
                     <br />
                     <p>
-                      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:{' '}
+                      <a href='https://www.paypal.me/freecodecamp'>
+                        https://www.paypal.me/freecodecamp
+                      </a>
                     </p>
                   </Alert>
                 ) : null}
                 <DonateText isDonating={isDonating} />
-                <Spacer />
                 <DonateForm
                   enableDonationSettingsPage={this.enableDonationSettingsPage}
                   handleProcessing={this.handleProcessing}
diff --git a/config/donation-settings.js b/config/donation-settings.js
index a62486b784..fd9684423b 100644
--- a/config/donation-settings.js
+++ b/config/donation-settings.js
@@ -8,8 +8,7 @@ const amountsConfig = {
   onetime: [2500, 5000, 7500, 10000, 15000]
 };
 const defaultAmount = {
-  month: 1000,
-  onetime: 2500
+  month: 500
 };
 const defaultDonation = {
   donationAmount: defaultAmount['month'],