NAS-131994 / 25.04 / Storage: Number of available disks doesn't updat…

…e after a disconnect/destroy data until screen refresh (#11209)

* NAS-131994: Storage: Number of available disks does not update after a disconnect/destroy data until screen refresh

* NAS-131994: PR update

src/app/pages/storage/components/unused-resources/unused-resources.component.spec.ts

@@ -47,17 +47,18 @@ describe('UnusedResourcesComponent', () => {
 
   it('hides an \'Unassigned Disks\' card when does not exist unused disks', () => {
     spectator.inject(MockApiService).mockCall('disk.details', { used: [], unused: [] });
-    spectator.component.ngOnInit();
+    spectator.setInput('pools', []);
     spectator.detectChanges();
 
     expect(spectator.queryAll('ix-unused-disk-card')).toHaveLength(0);
+
     spectator.inject(MockApiService).mockCall('disk.details', {
       used: [],
       unused: [
         { devname: 'sdc', identifier: '{uuid}7ad07324-f0e9-49a4-a7a4-92edd82a4929' },
       ] as DetailsDisk[],
     });
-    spectator.component.ngOnInit();
+    spectator.setInput('pools', []);
     spectator.detectChanges();
 
     expect(spectator.queryAll('ix-unused-disk-card')).toHaveLength(1);

src/app/pages/storage/components/unused-resources/unused-resources.component.ts

@@ -1,5 +1,5 @@
 import {
-  ChangeDetectionStrategy, ChangeDetectorRef, Component, input, OnInit,
+  ChangeDetectionStrategy, ChangeDetectorRef, Component, effect, input, OnInit,
 } from '@angular/core';
 import { MatDialog } from '@angular/material/dialog';
 import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
@@ -35,10 +35,15 @@ export class UnusedResourcesComponent implements OnInit {
     private errorHandler: ErrorHandlerService,
     private cdr: ChangeDetectorRef,
     private matDialog: MatDialog,
-  ) { }
+  ) {
+    effect(() => {
+      if (this.pools()) {
+        this.updateUnusedDisks();
+      }
+    });
+  }
 
   ngOnInit(): void {
-    this.updateUnusedDisks();
     this.subscribeToDiskQuery();
   }