Show challenge BA on challenge page, not project BA

#1533

#1532

Author: jmgasper

src/components/ChallengeEditor/ChallengeView/index.js

@@ -49,6 +49,7 @@ const ChallengeView = ({
   showRejectChallengeModal,
   loggedInUser
 }) => {
+  const challengeBillingAccount = _.get(challenge, 'billing.billingAccountId')
   const selectedType = _.find(metadata.challengeTypes, { id: challenge.typeId })
   const challengeTrack = _.find(metadata.challengeTracks, { id: challenge.trackId })
   const selectedMilestone = challenge.milestoneId
@@ -196,7 +197,7 @@ const ChallengeView = ({
                   <div className={styles.col}>
                     <span>
                       <span className={styles.fieldTitle}>Billing Account Id:</span>
-                      {projectDetail.billingAccountId}
+                      {challengeBillingAccount}
                     </span>
                     {isBillingAccountExpired && <span className={styles.expiredMessage}>Expired</span>}
                   </div>

src/components/ChallengeEditor/Submissions/index.js

@@ -15,7 +15,8 @@ import {
   getRatingLevel,
   sortList,
   getProvisionalScore,
-  getFinalScore
+  getFinalScore,
+  checkManageRoles
 } from '../../../util/tc'
 import {
   getTopcoderReactLib
@@ -207,12 +208,12 @@ class SubmissionsComponent extends React.Component {
   render () {
     const { challenge, token } = this.props
     const { checkpoints, track, type, tags } = challenge
+    const haveManagePermission = checkManageRoles(token)
 
     const { field, sort } = this.getSubmissionsSortParam()
     const revertSort = sort === 'desc' ? 'asc' : 'desc'
 
     const { sortedSubmissions, downloadingAll } = this.state
-    console.log('totest sortedSubmissions', sortedSubmissions)
 
     const renderSubmission = s => (
       <div className={styles.submission} key={s.id}>
@@ -308,7 +309,7 @@ class SubmissionsComponent extends React.Component {
 
     return (
       <div className={cn(styles.container, styles.dev, styles['non-mm'])}>
-        <div className={styles['empty-left']} />
+        {haveManagePermission ? (<div className={styles['empty-left']} />) : null}
         <div className={styles.submissionsContainer}>
           <div className={styles.head}>
             {!isF2F && !isBugHunt && (
@@ -405,11 +406,11 @@ class SubmissionsComponent extends React.Component {
             >
               <span>Legacy submission ID</span>
             </div>
-            <div
+            {haveManagePermission ? (<div
               className={cn(styles['col-8'])}
             >
               <span>Actions</span>
-            </div>
+            </div>) : null}
           </div>
           {sortedSubmissions.map(s => (
             <div
@@ -464,11 +465,10 @@ class SubmissionsComponent extends React.Component {
               <div className={styles['col-7']}>
                 {s.legacySubmissionId}
               </div>
-              <div className={styles['col-8']}>
+              {haveManagePermission ? (<div className={styles['col-8']}>
                 <button
                   onClick={() => {
                     // download submission
-                    console.log('totest download submission')
                     const reactLib = getTopcoderReactLib()
                     const { getService } = reactLib.services.submissions
                     const submissionsService = getService(token)
@@ -487,12 +487,12 @@ class SubmissionsComponent extends React.Component {
                 >
                   <ReactSVG path={assets(`${Download}`)} />
                 </button>
-              </div>
+              </div>) : null}
             </div>
           ))}
         </div>
 
-        <div className={styles['top-title']} >
+        {haveManagePermission ? (<div className={styles['top-title']} >
           <div className={styles.btnManageSubmissions} >
             <PrimaryButton
               text='Download All'
@@ -540,7 +540,7 @@ class SubmissionsComponent extends React.Component {
               }}
             />
           </div>
-        </div>
+        </div>) : null}
       </div>
     )
   }

src/config/constants.js

@@ -233,6 +233,14 @@ export const ALLOWED_USER_ROLES = [
   'topcoder user'
 ]
 
+export const ALLOWED_MANAGE_ROLES = [
+  'copilot',
+  'administrator',
+  'connect admin',
+  'connect manager',
+  'connect copilot'
+]
+
 export const READ_ONLY_ROLES = [
   'topcoder user'
 ]

src/util/tc.js

@@ -7,7 +7,8 @@ import {
   ALLOWED_USER_ROLES,
   ADMIN_ROLES,
   SUBMITTER_ROLE_UUID,
-  READ_ONLY_ROLES
+  READ_ONLY_ROLES,
+  ALLOWED_MANAGE_ROLES
 } from '../config/constants'
 import _ from 'lodash'
 import { decodeToken } from 'tc-auth-lib'
@@ -171,6 +172,15 @@ export const checkOnlyReadOnlyRoles = token => {
   return roles.some(val => READ_ONLY_ROLES.indexOf(val.toLowerCase()) > -1)
 }
 
+/**
+ * Checks if this role can have manage permission
+ * @param  token
+ */
+export const checkManageRoles = token => {
+  const roles = _.get(decodeToken(token), 'roles')
+  return roles.some(val => ALLOWED_MANAGE_ROLES.indexOf(val.toLowerCase()) > -1)
+}
+
 /**
  * Checks if token has any of the admin roles
  * @param  token