Updated to angular 11

Now compiling with strict mode in typescript
Need to error checking now

bookie/src/app/sales/reason/reason.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { ReasonComponent } from './reason.component';
 
@@ -6,11 +6,13 @@ describe('VoidReasonComponent', () => {
   let component: ReasonComponent;
   let fixture: ComponentFixture<ReasonComponent>;
 
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ReasonComponent],
-    }).compileComponents();
-  }));
+  beforeEach(
+    waitForAsync(() => {
+      TestBed.configureTestingModule({
+        declarations: [ReasonComponent],
+      }).compileComponents();
+    }),
+  );
 
   beforeEach(() => {
     fixture = TestBed.createComponent(ReasonComponent);

bookie/src/app/sales/reason/reason.component.ts

@@ -10,11 +10,11 @@ import { ReasonDatasource } from './reason-datasource';
   styleUrls: ['./reason.component.css'],
 })
 export class ReasonComponent {
-  @ViewChild('son', { static: true }) son: ElementRef;
+  @ViewChild('son', { static: true }) son?: ElementRef;
   form: FormGroup;
   dataSource: ReasonDatasource;
   title: string;
-  selected: string;
+  selected = '';
   reasons: string[];
   displayedColumns = ['reason'];