Updated to angular 11

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

bookie/src/app/sales/tables-dialog/tables-dialog.component.spec.ts

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

bookie/src/app/sales/tables-dialog/tables-dialog.component.ts

@@ -10,9 +10,9 @@ import { Table } from '../../core/table';
   styleUrls: ['./tables-dialog.component.css'],
 })
 export class TablesDialogComponent {
-  list: Table[];
+  list: Table[] = [];
   canChooseRunning: boolean;
-  selected: Table;
+  selected: Table | null;
   constructor(
     public dialogRef: MatDialogRef<TablesDialogComponent>,
     @Inject(MAT_DIALOG_DATA) public data: { list: Observable<Table[]>; canChooseRunning: boolean },