Chore:

Upgraded to Angular 14

bookie/src/app/modifiers/modifier-detail/modifier-detail.component.ts

@@ -1,5 +1,5 @@
 import { AfterViewInit, Component, ElementRef, OnInit, ViewChild } from '@angular/core';
-import { FormBuilder, FormGroup } from '@angular/forms';
+import { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
 import { MatDialog } from '@angular/material/dialog';
 import { ActivatedRoute, Router } from '@angular/router';
 
@@ -16,7 +16,7 @@ import { ModifierService } from '../modifier.service';
 })
 export class ModifierDetailComponent implements OnInit, AfterViewInit {
   @ViewChild('name', { static: true }) nameElement?: ElementRef;
-  form: FormGroup;
+  form: UntypedFormGroup;
   modifierCategories: ModifierCategory[] = [];
   item: Modifier = new Modifier();
 
@@ -24,7 +24,7 @@ export class ModifierDetailComponent implements OnInit, AfterViewInit {
     private route: ActivatedRoute,
     private router: Router,
     private dialog: MatDialog,
-    private fb: FormBuilder,
+    private fb: UntypedFormBuilder,
     private toaster: ToasterService,
     private ser: ModifierService,
   ) {

bookie/src/app/modifiers/modifier-list/modifier-list.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit, ViewChild } from '@angular/core';
-import { FormBuilder, FormGroup } from '@angular/forms';
+import { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
 import { MatSelectChange } from '@angular/material/select';
 import { MatTable } from '@angular/material/table';
 import { ActivatedRoute, Router } from '@angular/router';
@@ -20,13 +20,17 @@ export class ModifierListComponent implements OnInit {
   filter: BehaviorSubject<string> = new BehaviorSubject('');
   data: BehaviorSubject<Modifier[]> = new BehaviorSubject<Modifier[]>([]);
   dataSource: ModifierListDataSource = new ModifierListDataSource(this.filter, this.data);
-  form: FormGroup;
+  form: UntypedFormGroup;
   list: Modifier[] = [];
   modifierCategories: ModifierCategory[] = [];
   /** Columns displayed in the table. Columns IDs can be added, removed, or reordered. */
   displayedColumns: string[] = ['name', 'showInBill', 'price', 'isActive', 'modifierCategory'];
 
-  constructor(private route: ActivatedRoute, private fb: FormBuilder, private router: Router) {
+  constructor(
+    private route: ActivatedRoute,
+    private fb: UntypedFormBuilder,
+    private router: Router,
+  ) {
     this.form = this.fb.group({
       modifierCategory: '',
     });