From b64048fe13f1b89ef2fe6329dc1f1553e922535c Mon Sep 17 00:00:00 2001
From: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com>
Date: Thu, 9 Jan 2020 16:27:04 +0300
Subject: [PATCH] fix: hide stripe form when isDonating (#38034)

---
 client/src/pages/donate.js | 34 +++++++++++++++++++++++-----------
 1 file changed, 23 insertions(+), 11 deletions(-)

diff --git a/client/src/pages/donate.js b/client/src/pages/donate.js
index f2464d302b..0a82331133 100644
--- a/client/src/pages/donate.js
+++ b/client/src/pages/donate.js
@@ -67,7 +67,7 @@ export class DonatePage extends Component {
 
   render() {
     const { stripe } = this.state;
-    const { showLoading } = this.props;
+    const { showLoading, isDonating } = this.props;
 
     if (showLoading) {
       return <Loader fullScreen={true} />;
@@ -80,20 +80,32 @@ export class DonatePage extends Component {
           <Spacer />
           <Row>
             <Col sm={10} smOffset={1} xs={12}>
-              <h1 className='text-center'>Become a Supporter</h1>
+              <h1 className='text-center'>
+                {isDonating
+                  ? 'Thank You for Your Support'
+                  : 'Become a Supporter'}
+              </h1>
               <Spacer />
             </Col>
           </Row>
           <Row>
-            <Col md={6}>
-              <DonateForm
-                enableDonationSettingsPage={this.enableDonationSettingsPage}
-                stripe={stripe}
-              />
-            </Col>
-            <Col md={6}>
-              <DonateText />
-            </Col>
+            {isDonating ? (
+              <Col md={6} mdOffset={3}>
+                <DonateText />
+              </Col>
+            ) : (
+              <Fragment>
+                <Col md={6}>
+                  <DonateForm
+                    enableDonationSettingsPage={this.enableDonationSettingsPage}
+                    stripe={stripe}
+                  />
+                </Col>
+                <Col md={6}>
+                  <DonateText />
+                </Col>
+              </Fragment>
+            )}
           </Row>
           <Spacer />
         </Grid>