fix: #256 Display_Customer_name_during_their_edition

Author: DiegoTinitana

src/app/modules/customer-management/components/management-customer-projects/management-customer-projects.component.html

@@ -1,4 +1,5 @@
 <div class="container border mb-4 mt-0">
+  <h3>{{customerName}}</h3>
   <ul class="nav nav-tabs mt-2" id="myTab" role="tablist">
     <li class="nav-item">
       <a

src/app/modules/customer-management/components/management-customer-projects/management-customer-projects.component.spec.ts

@@ -1,21 +1,37 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { ManagementCustomerProjectsComponent } from './management-customer-projects.component';
+import { MockStore, provideMockStore } from '@ngrx/store/testing';
+import { CustomerState } from '../../store';
 
 describe('ManagmentCustomerProjectsComponent', () => {
   let component: ManagementCustomerProjectsComponent;
   let fixture: ComponentFixture<ManagementCustomerProjectsComponent>;
+  let store: MockStore<CustomerState>;
+
+  const state = {
+    data: [],
+    isLoading: false,
+    message: '',
+    customerIdToEdit: '',
+    customerId: '',
+  };
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ManagementCustomerProjectsComponent],
+      providers: [
+        provideMockStore({ initialState: state })
+      ],
     }).compileComponents();
   }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(ManagementCustomerProjectsComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
+    store = TestBed.inject(MockStore);
+    store.setState(state);
   });
 
   it('component should be created', () => {

src/app/modules/customer-management/components/management-customer-projects/management-customer-projects.component.ts

@@ -1,15 +1,26 @@
-import { Component, Output, EventEmitter } from '@angular/core';
+import { Component, Output, EventEmitter, OnInit } from '@angular/core';
+import { getCustomerById } from '../../store/customer-management.selectors';
+import { Store, select } from '@ngrx/store';
+import { CustomerState } from '../../store';
 
 @Component({
   selector: 'app-management-customer-projects',
   templateUrl: './management-customer-projects.component.html',
   styleUrls: ['./management-customer-projects.component.scss'],
 })
-export class ManagementCustomerProjectsComponent {
+export class ManagementCustomerProjectsComponent implements OnInit {
   @Output() closeCustemerForm = new EventEmitter<boolean>();
   areTabsActive: boolean;
   activeTab: string;
-  constructor() {}
+  customerName: string;
+  constructor( private store: Store<CustomerState>) {}
+
+  ngOnInit(): void {
+    const customers$ = this.store.pipe(select(getCustomerById));
+    customers$.subscribe((customer) => {
+      this.customerName = customer ? customer.name : '';
+    });
+  }
 
   activeTabs($areTabsActive: boolean) {
     setTimeout(() => {