Consolidated commit message to v22 signals

overlord/src/app/batch-integrity-report/batch-integrity-report.component.ts

@@ -1,32 +1,27 @@
 import { CurrencyPipe } from '@angular/common';
-import { Component, inject, OnInit } from '@angular/core';
+import { Component, inject, computed } from '@angular/core';
 import { MatTableModule } from '@angular/material/table';
 import { ActivatedRoute, Router, RouterModule } from '@angular/router';
 
-import { BatchIntegrity } from './batch-integrity';
-import { BatchIntegrityReportDatasource } from './batch-integrity-report-datasource';
+import { ErrorStateComponent } from '../shared/error-state/error-state.component';
+import { SkeletonLoaderComponent } from '../shared/skeleton-loader/skeleton-loader.component';
+import { BatchIntegrityReportService } from './batch-integrity-report.service';
 
 @Component({
   selector: 'app-batch-integrity',
   templateUrl: './batch-integrity-report.component.html',
   styleUrls: ['./batch-integrity-report.component.css'],
-  imports: [MatTableModule, RouterModule, CurrencyPipe],
+  imports: [MatTableModule, RouterModule, CurrencyPipe, SkeletonLoaderComponent, ErrorStateComponent],
 })
-export class BatchIntegrityReportComponent implements OnInit {
+export class BatchIntegrityReportComponent {
   private route = inject(ActivatedRoute);
   private router = inject(Router);
+  private ser = inject(BatchIntegrityReportService);
 
-  info: BatchIntegrity[] = [];
-  dataSource: BatchIntegrityReportDatasource = new BatchIntegrityReportDatasource(this.info);
   displayedColumns = ['batch', 'details'];
 
-  ngOnInit() {
-    this.route.data.subscribe((value) => {
-      const data = value as { info: BatchIntegrity[] };
-      this.info = data.info;
-      this.dataSource = new BatchIntegrityReportDatasource(this.info);
-    });
-  }
+  infoResource = this.ser.batchIntegrity();
+  info = computed(() => this.infoResource.value() ?? []);
 
   refresh() {
     this.router.navigate([]);