From b7e97954668783e49d80f717d0ae7343ca3a54e2 Mon Sep 17 00:00:00 2001
From: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com>
Date: Sat, 28 Mar 2020 10:04:09 +0300
Subject: [PATCH] fix: make modal donation text dynamic (#38462)

---
 client/src/components/Donation/DonationModal.js | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/client/src/components/Donation/DonationModal.js b/client/src/components/Donation/DonationModal.js
index c7a9bbc748..fdde372a5e 100644
--- a/client/src/components/Donation/DonationModal.js
+++ b/client/src/components/Donation/DonationModal.js
@@ -10,6 +10,7 @@ import { blockNameify } from '../../../utils/blockNameify';
 import Heart from '../../assets/icons/Heart';
 import Cup from '../../assets/icons/Cup';
 import MinimalDonateForm from './MinimalDonateForm';
+import { modalDefaultStateConfig } from '../../../../config/donation-settings';
 
 import {
   closeDonationModal,
@@ -90,7 +91,19 @@ function DonateModal({
     });
   }
 
-  const donationText = <b>Become an annual supporter of our nonprofit.</b>;
+  const durationToText = donationDuration => {
+    if (donationDuration === 'onetime') return 'a one-time';
+    else if (donationDuration === 'month') return 'a monthly';
+    else if (donationDuration === 'year') return 'an annual';
+    else return 'a';
+  };
+
+  const donationText = (
+    <b>
+      Become {durationToText(modalDefaultStateConfig.donationDuration)}{' '}
+      supporter of our nonprofit.
+    </b>
+  );
   const blockDonationText = (
     <div className='block-modal-text'>
       <div className='donation-icon-container'>