Merge pull request #4332 from yoution/issue-4315

fix: issue #4315

Author: maxceem

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

@@ -744,6 +744,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

@@ -4,7 +4,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'
 
@@ -92,17 +92,18 @@ class BillingAccountField extends React.Component {
           isDisabled={this.state.billingAccounts.length === 0}
           showDropdownIndicator
         />
-        {/* Hide this link because we haven't implemented a required page in SFDC yet */}
-        {/* <div className={styles.manageBillingAccountLinkWrapper}>
-          <a
-            className={styles.manageBillingAccountLink}
-            href={`${SALESFORCE_PROJECT_LEAD_LINK}${this.props.projectId}`}
-            target="_blank"
-            rel="noopener noreferrer"
-          >
+        {this.state.selectedBillingAccount && (
+          <div className={styles.manageBillingAccountLinkWrapper}>
+            <a
+              className={styles.manageBillingAccountLink}
+              href={`${SALESFORCE_BILLING_ACCOUNT_LINK}${this.state.selectedBillingAccount.value}`}
+              target="_blank"
+              rel="noopener noreferrer"
+            >
             Manage the billing account in Salesforce
-          </a>
-        </div> */}
+            </a>
+          </div>
+        )}
       </div>
     )
   }