Fix Shimmers isLoading Error Section (#435)

* Shimmers isLoading Error Section

* removed console log

Author: anishfyle

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

@@ -125,6 +125,7 @@ export class DashboardErrorSectionComponent implements OnInit {
   }
 
   showMappingResolve(errorType: AccountingErrorType, groupedError: Error[], sourceField: ExportErrorSourceType) {
+    this.isLoading = true;
     this.eventStartTime = new Date();
     this.errorType = errorType;
     this.groupedError = groupedError;

src/app/shared/components/helper/mapping/generic-mapping-table/generic-mapping-table.component.html

@@ -7,10 +7,10 @@
         </tr>
     </ng-template>
     <ng-template pTemplate="body" let-mapping>
-        <tr>
+        <tr *ngIf="!isLoading">
             <td>
                 <div class="tw-flex tw-items-center">
-                    <svg-icon-sprite *ngIf="mapping.auto_mapped" pTooltip="Auto-mapped" tooltipPosition="top" src="flash" width="12px" height="12px" class="tw-mr-12-px tw-text-placeholder"></svg-icon-sprite>
+                    <svg-icon-sprite *ngIf="mapping.auto_mapped && !isDashboardMappingResolve" pTooltip="Auto-mapped" tooltipPosition="top" src="flash" width="12px" height="12px" class="tw-mr-12-px tw-text-placeholder"></svg-icon-sprite>
                     <span [ngClass]="{'tw-pl-24-px': !mapping.auto_mapped}">{{ mapping.value }}</span>
                 </div>
             </td>

src/app/shared/components/helper/shimmers/shimmers.component.html

@@ -27,7 +27,7 @@
 <!-- Mapping Resolve Table Shimmers -->
 <div *ngIf="isMappingTableShimmers">
     <tr *ngFor="let _ of [0,1,2,3,4,5,6]">
-        <td *ngIf="isMappingTableShimmers"><p-skeleton width="150px" height="28px" shape="rectangle"></p-skeleton></td>
-        <td *ngIf="isMappingTableShimmers"><p-skeleton width="250px" height="28px" shape="rectangle"></p-skeleton></td>
+        <td><p-skeleton width="150px" height="28px" shape="rectangle"></p-skeleton></td>
+        <td><p-skeleton width="250px" height="28px" shape="rectangle"></p-skeleton></td>
     </tr>
 </div>