fix: issue #4315

Author: yoution

config/constants/dev.js

@@ -38,6 +38,7 @@ module.exports = {
   FILE_PICKER_ACCEPT: process.env.FILE_PICKER_ACCEPT_DEV,
 
   SALESFORCE_PROJECT_LEAD_LINK: 'https://c.cs18.visual.force.com/apex/ConnectLead?connectProjectId=',
+  SALESFORCE_BILLING_ACCOUNT_LINK: 'https://c.cs18.visual.force.com/apex/baredirect?id=',
 
   CONNECT_SEGMENT_KEY: process.env.DEV_SEGMENT_KEY,
   PREDIX_PROGRAM_ID         : 3448,

config/constants/master.js

@@ -39,6 +39,7 @@ module.exports = {
   FILE_PICKER_ACCEPT: process.env.FILE_PICKER_ACCEPT_PROD,
 
   SALESFORCE_PROJECT_LEAD_LINK: 'https://topcoder.my.salesforce.com/apex/ConnectLead?connectProjectId=',
+  SALESFORCE_BILLING_ACCOUNT_LINK: 'https://topcoder.my.salesforce.com/apex/baredirect?id=',
   CONNECT_SEGMENT_KEY: process.env.PROD_SEGMENT_KEY,
   PREDIX_PROGRAM_ID         : 3448,
   IBM_COGNITIVE_PROGRAM_ID  : 3449,

config/constants/qa.js

@@ -38,6 +38,7 @@ module.exports = {
   FILE_PICKER_ACCEPT: process.env.FILE_PICKER_ACCEPT_QA,
 
   SALESFORCE_PROJECT_LEAD_LINK: 'https://c.cs18.visual.force.com/apex/ConnectLead?connectProjectId=',
+  SALESFORCE_BILLING_ACCOUNT_LINK: 'https://c.cs18.visual.force.com/apex/baredirect?id=',
   CONNECT_SEGMENT_KEY: process.env.QA_SEGMENT_KEY,
   PREDIX_PROGRAM_ID         : 3448,
   IBM_COGNITIVE_PROGRAM_ID  : 3449,

src/config/constants.js

@@ -738,6 +738,7 @@ export const TC_API_URL = `https://api.${DOMAIN}`
 export const DIRECT_PROJECT_URL = `https://www.${DOMAIN}/direct/projectOverview?formData.projectId=`
 export const WORK_MANAGER_APP = `https://challenges.${DOMAIN}/projects`
 export const SALESFORCE_PROJECT_LEAD_LINK = process.env.SALESFORCE_PROJECT_LEAD_LINK
+export const SALESFORCE_BILLING_ACCOUNT_LINK = process.env.SALESFORCE_BILLING_ACCOUNT_LINK
 export const TC_NOTIFICATION_URL = process.env.TC_NOTIFICATION_URL || `${TC_API_URL}/v5/notifications`
 // Uncomment if you run TC Notifications locally
 // export const TC_NOTIFICATION_URL = 'http://localstho:4000/v5/notifications'

src/projects/detail/components/BillingAccountField/index.js

@@ -3,7 +3,7 @@ import {HOC as hoc} from 'formsy-react'
 
 import Select from '../../../../components/Select/Select'
 import {fetchBillingAccounts} from '../../../../api/billingAccounts'
-// import {SALESFORCE_PROJECT_LEAD_LINK} from '../../../../config/constants'
+import {SALESFORCE_BILLING_ACCOUNT_LINK} from '../../../../config/constants'
 
 import styles from './styles.module.scss'
 
@@ -90,17 +90,16 @@ class BillingAccountField extends React.Component {
           options={this.state.billingAccounts}
           isDisabled={this.state.billingAccounts.length === 0}
         />
-        {/* Hide this link because we haven't implemented a required page in SFDC yet */}
-        {/* <div className={styles.manageBillingAccountLinkWrapper}>
+        {this.state.selectedBillingAccount ? <div className={styles.manageBillingAccountLinkWrapper}>
           <a
             className={styles.manageBillingAccountLink}
-            href={`${SALESFORCE_PROJECT_LEAD_LINK}${this.props.projectId}`}
+            href={`${SALESFORCE_BILLING_ACCOUNT_LINK}${this.state.selectedBillingAccount.value}`}
             target="_blank"
             rel="noopener noreferrer"
           >
             Manage the billing account in Salesforce
           </a>
-        </div> */}
+        </div>: null }
       </div>
     )
   }