From af46e851df0bedb227fdd6c60c8671706918b63a Mon Sep 17 00:00:00 2001
From: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com>
Date: Thu, 26 Mar 2020 08:41:19 +0300
Subject: [PATCH] fix: make donation plan dynamic

---
 client/src/components/Donation/MinimalDonateForm.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/client/src/components/Donation/MinimalDonateForm.js b/client/src/components/Donation/MinimalDonateForm.js
index 52bafec0e6..5a58e78808 100644
--- a/client/src/components/Donation/MinimalDonateForm.js
+++ b/client/src/components/Donation/MinimalDonateForm.js
@@ -118,6 +118,8 @@ class MinimalDonateForm extends Component {
     const {
       donationState: { processing, success, error }
     } = this.state;
+
+    const donationPlan = `$${donationAmount / 100} / ${donationDuration}`;
     if (processing || success || error) {
       return this.renderCompletion({
         processing,
@@ -131,7 +133,7 @@ class MinimalDonateForm extends Component {
       <Row>
         <Col lg={8} lgOffset={2} sm={10} smOffset={1} xs={12}>
           <Spacer />
-          <b>Confirm your donation of $5 / year with PayPal:</b>
+          <b>Confirm your donation of {donationPlan} with PayPal:</b>
           <Spacer />
           <PaypalButton
             donationAmount={donationAmount}
@@ -151,7 +153,7 @@ class MinimalDonateForm extends Component {
                 donationAmount={donationAmount}
                 donationDuration={donationDuration}
                 getDonationButtonLabel={() =>
-                  `Confirm your donation of $5 / year`
+                  `Confirm your donation of ${donationPlan}`
                 }
                 handleProcessing={handleProcessing}
               />