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

feat(donate): allow mutiple donations with warning (#39066)

Browse Source
This commit is contained in:
Mrugesh Mohapatra
2020-06-13 17:32:29 +05:30
committed by GitHub
parent be4070a73d
commit bcf9942263
1 changed files with 28 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
import { bindActionCreators } from 'redux'; 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 } from '@freecodecamp/react-bootstrap'; import { Grid, Row, Col, Alert } from '@freecodecamp/react-bootstrap';
import { stripePublicKey } from '../../config/env.json'; import { stripePublicKey } from '../../config/env.json';
import { Spacer, Loader } from '../components/helpers'; import { Spacer, Loader } from '../components/helpers';
@ -119,24 +119,35 @@ export class DonatePage extends Component {
</Col> </Col>
</Row> </Row>
<Row> <Row>
{isDonating ? ( <Fragment>
<Col md={6} mdOffset={3}> <Col md={6}>
<Row>
<Col sm={10} smOffset={1} xs={12}>
{isDonating ? (
<Alert>
<p>
Thank you for being a supporter of freeCodeCamp. You
currently have a recurring donation.
</p>
<br />
<p>
If you would like to make additional donations, those
will help our nonprofit and our mission, too.
</p>
</Alert>
) : null}
</Col>
</Row>
<DonateForm
enableDonationSettingsPage={this.enableDonationSettingsPage}
handleProcessing={this.handleProcessing}
stripe={stripe}
/>
</Col>
<Col md={6}>
<DonateText /> <DonateText />
</Col> </Col>
) : ( </Fragment>
<Fragment>
<Col md={6}>
<DonateForm
enableDonationSettingsPage={this.enableDonationSettingsPage}
handleProcessing={this.handleProcessing}
stripe={stripe}
/>
</Col>
<Col md={6}>
<DonateText />
</Col>
</Fragment>
)}
</Row> </Row>
<Spacer /> <Spacer />
</Grid> </Grid>