Blacked and isorted the python files

Prettied and eslinted the typescript/html files

bookie/src/app/sales/pax/pax.component.html

@@ -1,11 +1,24 @@
 <mat-dialog-content>
   <form [formGroup]="form">
-    <div fxLayout="row" fxLayoutAlign="space-around start" fxLayout.lt-md="column" fxLayoutGap="20px"
-         fxLayoutGap.lt-md="0px">
+    <div
+      fxLayout="row"
+      fxLayoutAlign="space-around start"
+      fxLayout.lt-md="column"
+      fxLayoutGap="20px"
+      fxLayoutGap.lt-md="0px"
+    >
       <mat-form-field fxFlex>
         <mat-label>Pax</mat-label>
-        <input type="text" matInput #quantity placeholder="Pax" formControlName="pax" autocomplete="off"
-               (focus)="quantity.select()" cdkFocusInitial>
+        <input
+          type="text"
+          matInput
+          #quantity
+          placeholder="Pax"
+          formControlName="pax"
+          autocomplete="off"
+          (focus)="quantity.select()"
+          cdkFocusInitial
+        />
       </mat-form-field>
     </div>
   </form>

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

@@ -8,9 +8,8 @@ describe('PaxComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ PaxComponent ]
-    })
-    .compileComponents();
+      declarations: [PaxComponent],
+    }).compileComponents();
   }));
 
   beforeEach(() => {

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

@@ -1,11 +1,11 @@
 import { Component, Inject, OnInit } from '@angular/core';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
 import { FormBuilder, FormGroup } from '@angular/forms';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
 
 @Component({
   selector: 'app-pax',
   templateUrl: './pax.component.html',
-  styleUrls: ['./pax.component.css']
+  styleUrls: ['./pax.component.css'],
 })
 export class PaxComponent implements OnInit {
   form: FormGroup;
@@ -20,18 +20,18 @@ export class PaxComponent implements OnInit {
 
   ngOnInit() {
     this.form.setValue({
-      pax: this.data
+      pax: this.data,
     });
   }
 
   createForm() {
     this.form = this.fb.group({
-      pax: ''
+      pax: '',
     });
   }
 
   accept(): void {
-    const pax = this.form.value.pax;
+    const { pax } = this.form.value;
     this.dialogRef.close(pax);
   }
 }