commit modif

src/app/pages/companies-manager/companies-management/companies-management.component.html

@@ -1,7 +1,7 @@
 <div class="container">
   <app-company-nav-bar></app-company-nav-bar>
 
-  <ng-container *ngIf="companyState"  [ngSwitch]="companyState.msgState">
+  <ng-container *ngIf="companyState$ |async as companyState"  [ngSwitch]="companyState.msgState">
 
     <ng-container *ngSwitchCase="msgState.LOADING">
       {{companyState.msgState}}

src/app/pages/companies-manager/companies-management/companies-management.component.ts

@@ -1,7 +1,8 @@
+import { Observable } from 'rxjs';
 import { MsgState } from './../../../ngrx/msg.state';
 import { CompanyState } from './../../../ngrx/companies/company.state';
 import { Component, OnInit } from '@angular/core';
-import { Store } from '@ngrx/store';
+import { select, Store } from '@ngrx/store';
 
 @Component({
   selector: 'app-companies-management',
@@ -12,14 +13,14 @@ export class CompaniesManagementComponent implements OnInit {
 
   constructor(private store: Store<{companyReducerKey: CompanyState}>) { }
 
-  companyState!: CompanyState;
+  companyState$!: Observable<CompanyState>;
   msgState = MsgState;
 
   ngOnInit(): void {
 
-    this.store.subscribe( state =>{
-      this.companyState = state.companyReducerKey;
-    })
+    this.companyState$ = this.store.pipe(
+      select( state => state.companyReducerKey)
+    );
   }
 
 }