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

fix: update donate page text options

Browse Source
This commit is contained in:
Mrugesh Mohapatra
2020-12-29 12:23:58 +05:30
parent 59173b346a
commit 1e4c5fd6f0
2 changed files with 19 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
client/src/components/Donation/DonationTextComponents.js
View File

@ -1,29 +1,25 @@
import React from 'react'; import React from 'react';
import { useTranslation } from 'react-i18next';
export const DonationSupportText = () => ( export const DonationSupportText = () => {
<> const { t } = useTranslation();
<h4>
<b>Need help with your current or past donations?</b>
</h4>
<p>
Forward a copy of your donation receipt to donors@freecodecamp.org and
tell us how we can help.
</p>
</>
);
export const DonationText = () => {
return ( return (
<> <>
<p>freeCodeCamp is a highly efficient education nonprofit.</p> <h4>
<p> <b>{t('donate.need-help')}</b>
When you donate to freeCodeCamp, you help people learn new skills and </h4>
provide for their families. <p>{t('donate.forward-receipt')}</p>
</p> </>
<p> );
You also help us create new resources for you to use to expand your own };
technology skills.
</p> export const DonationText = () => {
const { t } = useTranslation();
return (
<>
<p>{t('donate.efficiency')}</p>
<p>{t('donate.why-donate-1')}</p>
<p>{t('donate.why-donate-2')}</p>
</> </>
); );
}; };

3
client/src/pages/donate.js
View File

@ -5,7 +5,7 @@ import { bindActionCreators } from 'redux';
import { connect } from 'react-redux'; import { connect } from 'react-redux';
import { createSelector } from 'reselect'; import { createSelector } from 'reselect';
import { Grid, Row, Col, Alert } from '@freecodecamp/react-bootstrap'; import { Grid, Row, Col, Alert } from '@freecodecamp/react-bootstrap';
import { Trans, withTranslation } from 'react-i18next'; import { withTranslation } from 'react-i18next';
import { Spacer, Loader } from '../components/helpers'; import { Spacer, Loader } from '../components/helpers';
import DonateForm from '../components/Donation/DonateForm'; import DonateForm from '../components/Donation/DonateForm';
@ -76,7 +76,6 @@ export class DonatePage extends Component {
render() { render() {
const { showLoading, isDonating, t } = this.props; const { showLoading, isDonating, t } = this.props;
const url = 'https://www.paypal.me/freecodecamp';
if (showLoading) { if (showLoading) {
return <Loader fullScreen={true} />; return <Loader fullScreen={true} />;