feat: design changes for account integrations visibility on admin das…

…hoard for c1 (#930)

* design changes for account integrations visibility on admin dashoard for c1

.github/workflows/c1_staging_deployment.yml

@@ -0,0 +1,54 @@
+name: Deploy to C1 Staging
+
+on:
+  push:
+    branches:
+      - master
+  pull_request:
+    types: [labeled]
+
+jobs:
+  staging_deploy:
+    if: (github.event_name != 'pull_request') || (github.event_name == 'pull_request' && github.event.action == 'labeled' && github.event.label.name == 'c1_staging_deploy')
+    runs-on: ubuntu-latest
+    environment: QA
+    steps:
+      - uses: actions/checkout@v2
+      - name: push to dockerhub
+        uses: fylein/docker-release-action@master
+        env:
+          DOCKERHUB_USERNAME: ${{ secrets.DOCKERHUB_USERNAME }}
+          DOCKERHUB_PASSWORD: ${{ secrets.DOCKERHUB_TOKEN }}
+          IMAGE_NAME: fyle_integrations-app
+          SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
+
+      - name: Install kustomize
+        run: |
+          curl -s "https://raw.githubusercontent.com/kubernetes-sigs/kustomize/master/hack/install_kustomize.sh" | bash
+          sudo mv kustomize /usr/local/bin/
+
+      - name: Clone another repository
+        uses: actions/checkout@v2
+        with:
+          repository: ${{ vars.STAGING_DEPLOY_REPO }}
+          ref: master
+          path: ${{ vars.STAGING_DEPLOY_REPO }}
+          persist-credentials: false
+          token: ${{ secrets.DEPLOY_GIT_ACCESS_TOKEN }}
+
+      - name: Update Image Tag
+        run: |
+          NEW_TAG="v$(git rev-parse --short HEAD)"
+          cd ${{ vars.STAGING_DEPLOY_REPO }}/${{ vars.C1_STAGING_DEPLOY_DIR }}/staging/integrations
+          kustomize edit set image docker.io/${{ secrets.DOCKERHUB_USERNAME }}/fyle_integrations-app=docker.io/${{ secrets.DOCKERHUB_USERNAME }}/fyle_integrations-app:$NEW_TAG
+
+      - name: Commit and push changes
+        run: |
+          cd ${{ vars.STAGING_DEPLOY_REPO }}/
+          git config --global user.email "[email protected]"
+          git config --global user.name "GitHub Actions"
+          git add .
+          git commit -m "Deployed integrations-app-qa:$NEW_TAG to staging"
+          git remote set-url origin https://x-access-token:${{ secrets.DEPLOY_GIT_ACCESS_TOKEN }}@github.com/${{ vars.STAGING_DEPLOY_REPO }}
+          git pull origin master
+          git push origin master

src/app/shared/components/dashboard/dashboard-export-section/dashboard-export-section.component.html

@@ -2,6 +2,7 @@
     <div *ngIf="!isImportInProgress" class="tw-rounded-8-px tw-bg-white tw-border-1-px tw-border-border-tertiary tw-z-1 tw-relative" [ngClass]="{'tw-shadow-app-card': brandingConfig.brandId === 'fyle', 'tw-shadow-shadow-level-1': brandingConfig.brandId === 'co'}">
         <div class="tw-p-24-px">
             <div class="tw-flex tw-justify-between tw-items-center ">
+                <img *ngIf="brandingConfig.brandId === 'co'" src="{{logoPath}}" width="logoWidth" class="tw-mr-24-px tw-h-44-px"/>
                 <div class="tw-w-4/5">
                     <div class="tw-flex tw-items-center">
                         <app-svg-icon [styleClasses]="'tw-flex tw-mt-1-px tw-pr-8-px'" *ngIf="brandingFeatureConfig.illustrationsAllowed && !isExportInProgress && !exportableAccountingExportIds.length" [svgSource]="'check'" [height]="'24px'" [width]="'24px'"></app-svg-icon>

src/app/shared/components/dashboard/dashboard-export-section/dashboard-export-section.component.ts

@@ -48,6 +48,17 @@ export class DashboardExportSectionComponent implements OnInit {
     this.export.emit(true);
   }
 
+  private logoPathsMap = new Map<AppName, string>([
+    [AppName.NETSUITE, 'assets/logos/netsuite-logo.png'],
+    [AppName.QBO, 'assets/logos/email/qbo.png'],
+    [AppName.INTACCT, 'assets/logos/intacct-logo.png'],
+    [AppName.XERO, 'assets/logos/xero-logo.png']
+  ]);
+
+  get logoPath(): string {
+    return this.logoPathsMap.get(this.appName) || '';
+  }
+
   private constructImportStates() {
     if (this.reimbursableImportState === ReimbursableImportState.PAID && this.cccImportState === CCCImportState.PAID) {
       this.importStates = ReimbursableImportState.PAID;