GitIssue#4058 Retrieve & Display Connect Project Billing Account

Author: RishiRajSahu

.circleci/config.yml

@@ -128,7 +128,7 @@ workflows:
             - build-dev
           filters:
             branches:
-              only: ['dev', 'feature/RS256-IdToken-backcompatibility']
+              only: ['dev']
 
       - deployTest01:
           context : org-global

src/projects/detail/containers/ProjectInfoContainer.js

@@ -498,6 +498,7 @@ class ProjectInfoContainer extends React.Component {
     const isProjectActive = project.status === PROJECT_STATUS_ACTIVE
     const isV3Project = project.version === 'v3'
     const projectCanBeActive =  !isV3Project || (!isProjectActive && hasReviewedOrActivePhases) || isProjectActive
+    const BillingInfo = project.billingAccountId ? `BillingAccountId - ${project.billingAccountId}` : 'Billing Account Not Attached'
 
     return (
       <div>
@@ -553,6 +554,16 @@ class ProjectInfoContainer extends React.Component {
             <ProjectDirectLinks
               directLinks={directLinks}
             />
+            {project.billingAccountId ?
+              <div styleName="billing-account-info">
+                {BillingInfo}
+              </div>
+              :
+              <div styleName="billing-account-info">
+                {BillingInfo}
+              </div>
+
+            }
           </div>}
 
           {!hideInfo && <div styleName="project-status-toggle">

src/projects/detail/containers/ProjectInfoContainer.scss

@@ -48,6 +48,18 @@
   letter-spacing: 0.8px;
 }
 
+.administration-section .billing-account-info {
+  @include roboto-medium;
+  font-size: $tc-label-md;
+  color: $tc-gray-40;
+  line-height: $base-unit*6;
+  padding-left: 4 * $base_unit;
+
+  @media screen and (max-width: $screen-md - 1px) {
+    padding-bottom: 4 * $base_unit;
+  }
+}
+
 .all-project-link-wrapper {
   display: flex;
   padding: 20px;
@@ -60,6 +72,8 @@
   margin-top: 20px;
   padding: 5px 0;
 
+
+
   :global {
     .panel {
       // avoid double padding for editable project status