gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix: make modal donation text dynamic (#38462)

Browse Source
This commit is contained in:
Ahmad Abdolsaheb
2020-03-28 10:04:09 +03:00
committed by GitHub
parent a5818506f0
commit b7e9795466
1 changed files with 14 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
client/src/components/Donation/DonationModal.js
View File

@ -10,6 +10,7 @@ import { blockNameify } from '../../../utils/blockNameify';
import Heart from '../../assets/icons/Heart'; import Heart from '../../assets/icons/Heart';
import Cup from '../../assets/icons/Cup'; import Cup from '../../assets/icons/Cup';
import MinimalDonateForm from './MinimalDonateForm'; import MinimalDonateForm from './MinimalDonateForm';
import { modalDefaultStateConfig } from '../../../../config/donation-settings';
import { import {
closeDonationModal, 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 = ( const blockDonationText = (
<div className='block-modal-text'> <div className='block-modal-text'>
<div className='donation-icon-container'> <div className='donation-icon-container'>