Fix: Ledger and product ledger on init would fail because account/product ledger was null. Fixed

overlord/src/app/ledger/ledger.component.ts

@@ -69,7 +69,7 @@ export class LedgerComponent implements OnInit, AfterViewInit {
       this.info = data.info;
       this.calculateTotals();
       this.form.setValue({
-        account: this.info.account.name,
+        account: this.info.account?.name ?? '',
         startDate: moment(this.info.startDate, 'DD-MMM-YYYY').toDate(),
         finishDate: moment(this.info.finishDate, 'DD-MMM-YYYY').toDate(),
       });
@@ -108,7 +108,7 @@ export class LedgerComponent implements OnInit, AfterViewInit {
   }
 
   selected(event: MatAutocompleteSelectedEvent): void {
-    this.info.account = event.option.value;
+    this.info.account = event.option.value as Account;
   }
 
   selectRow(id: string): void {
@@ -117,12 +117,14 @@ export class LedgerComponent implements OnInit, AfterViewInit {
 
   show() {
     const info = this.getInfo();
-    this.router.navigate(['ledger', info.account.id], {
-      queryParams: {
-        startDate: info.startDate,
-        finishDate: info.finishDate,
-      },
-    });
+    if (info.account) {
+      this.router.navigate(['ledger', info.account.id], {
+        queryParams: {
+          startDate: info.startDate,
+          finishDate: info.finishDate,
+        },
+      });
+    }
   }
 
   getInfo(): Ledger {

overlord/src/app/ledger/ledger.ts

@@ -5,13 +5,12 @@ import { LedgerItem } from './ledger-item';
 export class Ledger {
   startDate: string;
   finishDate: string;
-  account: Account;
+  account?: Account;
   body: LedgerItem[];
 
   public constructor(init?: Partial<Ledger>) {
     this.startDate = '';
     this.finishDate = '';
-    this.account = new Account();
     this.body = [];
     Object.assign(this, init);
   }