From 320c8823fa93e05d0ef1904ecc25d26b23cbcfe4 Mon Sep 17 00:00:00 2001
From: C Dharmateja <dharmateja@protonmail.com>
Date: Mon, 25 Jan 2021 17:44:39 +0530
Subject: [PATCH] Showw billing account id in advanced settings

---
 .../ChallengeEditor/ChallengeView/index.js    | 31 ++++++++++++++-----
 src/components/ChallengeEditor/index.js       | 15 ++++++++-
 2 files changed, 38 insertions(+), 8 deletions(-)

diff --git a/src/components/ChallengeEditor/ChallengeView/index.js b/src/components/ChallengeEditor/ChallengeView/index.js
index b2316299..8ff68e6f 100644
--- a/src/components/ChallengeEditor/ChallengeView/index.js
+++ b/src/components/ChallengeEditor/ChallengeView/index.js
@@ -36,7 +36,9 @@ const ChallengeView = ({
   assignedMemberDetails,
   enableEdit,
   onLaunchChallenge,
-  onCloseTask }) => {
+  onCloseTask,
+  location }) => {
+  const params = new URLSearchParams(location.search)
   const selectedType = _.find(metadata.challengeTypes, { id: challenge.typeId })
   const challengeTrack = _.find(metadata.challengeTracks, { id: challenge.trackId })
 
@@ -178,11 +180,25 @@ const ChallengeView = ({
                 </label>
               </div>
             </div>
-            {openAdvanceSettings && (<div className={cn(styles.row, styles.topRow)}>
-              <div className={styles.col}>
-                <span><span className={styles.fieldTitle}>Groups:</span> {groups}</span>
-              </div>
-            </div>)}
+            {openAdvanceSettings && (
+              <React.Fragment>
+                <div className={cn(styles.row, styles.topRow)}>
+                  <div className={styles.col}>
+                    <span><span className={styles.fieldTitle}>Groups:</span> {groups}</span>
+                  </div>
+                </div>
+                {params.get('beta') && (
+                  <div className={styles.row}>
+                    <div className={styles.col}>
+                      <span>
+                        <span className={styles.fieldTitle}>Billing Account Id:</span>
+                        {projectDetail.billingAccountId}
+                      </span>
+                    </div>
+                  </div>
+                )}
+              </React.Fragment>
+            )}
             {
               <div className={styles.PhaseRow}>
                 <PhaseInput
@@ -265,7 +281,8 @@ ChallengeView.propTypes = {
   assignedMemberDetails: PropTypes.shape(),
   enableEdit: PropTypes.bool,
   onLaunchChallenge: PropTypes.func,
-  onCloseTask: PropTypes.func
+  onCloseTask: PropTypes.func,
+  location: PropTypes.object
 }
 
 export default withRouter(ChallengeView)
diff --git a/src/components/ChallengeEditor/index.js b/src/components/ChallengeEditor/index.js
index 35eee6a8..34ffb794 100644
--- a/src/components/ChallengeEditor/index.js
+++ b/src/components/ChallengeEditor/index.js
@@ -1138,6 +1138,8 @@ class ChallengeEditor extends Component {
   }
 
   render () {
+    const params = new URLSearchParams(this.props.location.search)
+
     const {
       isLaunch,
       isConfirm,
@@ -1416,6 +1418,16 @@ class ChallengeEditor extends Component {
                 {/* remove terms field and use default term */}
                 {false && (<TermsField terms={metadata.challengeTerms} challenge={challenge} onUpdateMultiSelect={this.onUpdateMultiSelect} />)}
                 <GroupsField onUpdateMultiSelect={this.onUpdateMultiSelect} challenge={challenge} />
+                {params.get('beta') && (
+                  <div className={styles.row}>
+                    <div className={styles.col}>
+                      <span>
+                        <span className={styles.fieldTitle}>Billing Account Id:</span>
+                        {projectDetail.billingAccountId}
+                      </span>
+                    </div>
+                  </div>
+                )}
               </React.Fragment>
             )}
             {!isTask && (
@@ -1546,7 +1558,8 @@ ChallengeEditor.propTypes = {
   replaceResourceInRole: PropTypes.func,
   partiallyUpdateChallengeDetails: PropTypes.func.isRequired,
   deleteChallenge: PropTypes.func.isRequired,
-  loggedInUser: PropTypes.shape().isRequired
+  loggedInUser: PropTypes.shape().isRequired,
+  location: PropTypes.object
 }
 
 export default withRouter(ChallengeEditor)