[autoscaler] using app-polling-indicator to replace refresh-icon

src/frontend/packages/cf-autoscaler/src/features/autoscaler-tab-extension/autoscaler-tab-extension.component.html

@@ -72,9 +72,8 @@
             </div>
           </mat-card-content>
           <mat-card-actions class="autoscaler-tab__actions">
-            <button mat-icon-button (click)="loadLatestMetricsUponPolicy()">
-              <refresh-icon></refresh-icon>
-            </button>
+            <app-polling-indicator [manualPoll]="true" (poll)="loadLatestMetricsUponPolicy()">
+            </app-polling-indicator>
             <button (click)="metricChartPage()" mat-icon-button>
               <mat-icon>launch</mat-icon>
             </button>
@@ -249,10 +248,10 @@
             </div>
           </mat-card-content>
           <mat-card-actions class="autoscaler-tab__actions">
-            <button mat-icon-button (click)="fetchScalingHistory()">
-              <refresh-icon [isRefreshing$]="appAutoscalerScalingHistoryService.isFetchingEntity$">
-              </refresh-icon>
-            </button>
+            <app-polling-indicator (poll)="fetchScalingHistory()"
+              [manualPoll]="!(appAutoscalerScalingHistoryService.isFetchingEntity$ | async)"
+              [isPolling]="(appAutoscalerScalingHistoryService.isFetchingEntity$ | async)">
+            </app-polling-indicator>
             <button (click)="scaleHistoryPage()" mat-icon-button>
               <mat-icon>launch</mat-icon>
             </button>

src/frontend/packages/core/src/shared/components/cards/card-cf-recent-apps/card-cf-recent-apps.component.html

@@ -2,9 +2,8 @@
   <mat-card class="recent-apps-card">
     <mat-card-header class="recent-apps-card__header">
       <mat-card-title>Recently updated applications</mat-card-title>
-      <button mat-icon-button [disabled]="loading$ | async" (click)="refresh.emit()">
-        <refresh-icon [isRefreshing$]="loading$"></refresh-icon>
-      </button>
+      <app-polling-indicator [manualPoll]="!(loading$ | async)" [isPolling]="(loading$ | async)"
+        (poll)="refresh.emit()"></app-polling-indicator>
     </mat-card-header>
     <mat-card-content class="recent-apps-card__content" *ngIf="recentApps$ | async as apps">
       <div *ngIf="apps.length === 0">

src/frontend/packages/core/src/shared/components/cards/card-cf-recent-apps/card-cf-recent-apps.component.spec.ts

@@ -9,12 +9,12 @@ import { ApplicationStateIconPipe } from '../../application-state/application-st
 import { StatefulIconComponent } from '../../../../core/stateful-icon/stateful-icon.component';
 import { CardCfRecentAppsComponent } from './card-cf-recent-apps.component';
 import { CompactAppCardComponent } from './compact-app-card/compact-app-card.component';
-import { RefreshIconComponent } from '../../refresh-icon/refresh-icon.component';
 import { CloudFoundryEndpointService } from '../../../../features/cloud-foundry/services/cloud-foundry-endpoint.service';
 import { ActiveRouteCfOrgSpace } from '../../../../features/cloud-foundry/cf-page.types';
 import { EntityMonitorFactory } from '../../../monitors/entity-monitor.factory.service';
 import { CfUserService } from '../../../data-services/cf-user.service';
 import { PaginationMonitorFactory } from '../../../monitors/pagination-monitor.factory';
+import { PollingIndicatorComponent } from '../../polling-indicator/polling-indicator.component';
 
 describe('CardCfRecentAppsComponent', () => {
   let component: CardCfRecentAppsComponent;
@@ -26,7 +26,7 @@ describe('CardCfRecentAppsComponent', () => {
         CardCfRecentAppsComponent,
         ApplicationStateIconComponent,
         CompactAppCardComponent,
-        RefreshIconComponent,
+        PollingIndicatorComponent,
         ApplicationStateIconPipe
       ],
       imports: [...BaseTestModulesNoShared],

src/frontend/packages/core/src/shared/shared.module.ts

@@ -122,7 +122,6 @@ import { NestedTabsComponent } from './components/nested-tabs/nested-tabs.compon
 import { PageHeaderModule } from './components/page-header/page-header.module';
 import { PageSubNavSectionComponent } from './components/page-sub-nav-section/page-sub-nav-section.component';
 import { PageSubNavComponent } from './components/page-sub-nav/page-sub-nav.component';
-import { RefreshIconComponent } from './components/refresh-icon/refresh-icon.component';
 import { PollingIndicatorComponent } from './components/polling-indicator/polling-indicator.component';
 import { RingChartComponent } from './components/ring-chart/ring-chart.component';
 import { RoutingIndicatorComponent } from './components/routing-indicator/routing-indicator.component';
@@ -295,7 +294,6 @@ import { UserPermissionDirective } from './user-permission.directive';
     SimpleUsageChartComponent,
     PageSubNavComponent,
     BreadcrumbsComponent,
-    RefreshIconComponent,
     PageSubNavSectionComponent,
     EntitySummaryTitleComponent,
     MarkdownPreviewComponent,
@@ -403,7 +401,6 @@ import { UserPermissionDirective } from './user-permission.directive';
     MultilineTitleComponent,
     PageSubNavComponent,
     BreadcrumbsComponent,
-    RefreshIconComponent,
     PageSubNavSectionComponent,
     TileSelectorComponent,
     AddServiceInstanceBaseStepComponent,