Refactor: Replace UntypedFormBuilder with FormBuilder

webapp/src/app/auth/components/forgot-password/forgot-password.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnDestroy, OnInit } from '@angular/core';
-import { UntypedFormBuilder, Validators } from '@angular/forms';
+import { FormBuilder, Validators } from '@angular/forms';
 import { Select, Store } from '@ngxs/store';
 import { Observable } from 'rxjs';
 import { ClearMessages, ForgotPassword } from '../../stores/auth.state';
@@ -15,7 +15,7 @@ export class ForgotPasswordComponent implements OnInit, OnDestroy {
   });
 
   constructor(
-    private fb: UntypedFormBuilder,
+    private fb: FormBuilder,
     private store: Store,
   ) {}
 

webapp/src/app/auth/components/login/login.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnDestroy, OnInit } from '@angular/core';
-import { UntypedFormBuilder, Validators } from '@angular/forms';
+import { FormBuilder, Validators } from '@angular/forms';
 import { Select, Store } from '@ngxs/store';
 import { Observable } from 'rxjs';
 import { Provider } from '../../models/provider';
@@ -26,7 +26,7 @@ export class LoginComponent implements OnInit, OnDestroy {
   providers$: Observable<Provider[]>;
 
   constructor(
-    private fb: UntypedFormBuilder,
+    private fb: FormBuilder,
     private store: Store,
   ) {}
 

webapp/src/app/auth/components/reset-password/reset-password.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnDestroy, OnInit } from '@angular/core';
-import { UntypedFormBuilder, Validators } from '@angular/forms';
+import { FormBuilder, Validators } from '@angular/forms';
 import { ActivatedRoute } from '@angular/router';
 import { Select, Store } from '@ngxs/store';
 import { Observable } from 'rxjs';
@@ -30,7 +30,7 @@ export class ResetPasswordComponent implements OnInit, OnDestroy {
   tokenIsInvalid = false;
 
   constructor(
-    private fb: UntypedFormBuilder,
+    private fb: FormBuilder,
     private store: Store,
     private route: ActivatedRoute,
   ) {}

webapp/src/app/auth/components/signup/signup.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnDestroy, OnInit } from '@angular/core';
-import { UntypedFormBuilder, Validators } from '@angular/forms';
+import { FormBuilder, Validators } from '@angular/forms';
 import { Select, Store } from '@ngxs/store';
 import { Observable } from 'rxjs';
 import { environment } from '../../../../environments/environment';
@@ -32,7 +32,7 @@ export class SignupComponent implements OnInit, OnDestroy {
   providers$: Observable<Provider[]>;
 
   constructor(
-    private fb: UntypedFormBuilder,
+    private fb: FormBuilder,
     private store: Store,
   ) {}
 

webapp/src/app/auth/components/user-settings/user-settings.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnDestroy, OnInit } from '@angular/core';
-import { UntypedFormBuilder, Validators } from '@angular/forms';
+import { FormBuilder, Validators } from '@angular/forms';
 import { Select, Store } from '@ngxs/store';
 import { Observable, Subscription } from 'rxjs';
 import { tap } from 'rxjs/operators';
@@ -37,7 +37,7 @@ export class UserSettingsComponent implements OnInit, OnDestroy {
   private sub: Subscription;
 
   constructor(
-    private fb: UntypedFormBuilder,
+    private fb: FormBuilder,
     private store: Store,
   ) {}
 

webapp/src/app/projects/components/add-api-client/add-api-client.component.ts

@@ -1,5 +1,5 @@
 import { Component, Input, OnDestroy, OnInit } from '@angular/core';
-import { UntypedFormBuilder, Validators } from '@angular/forms';
+import { FormBuilder, Validators } from '@angular/forms';
 import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { Select, Store } from '@ngxs/store';
 import { Observable } from 'rxjs';
@@ -40,7 +40,7 @@ export class AddApiClientComponent implements OnInit, OnDestroy {
 
   constructor(
     private modalService: NgbModal,
-    private fb: UntypedFormBuilder,
+    private fb: FormBuilder,
     private store: Store,
   ) {}
 

webapp/src/app/projects/components/add-team-member/add-team-member.component.ts

@@ -1,5 +1,5 @@
 import { Component, Input, OnDestroy, OnInit } from '@angular/core';
-import { UntypedFormBuilder, Validators } from '@angular/forms';
+import { FormBuilder, Validators } from '@angular/forms';
 import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { Select, Store } from '@ngxs/store';
 import { Observable } from 'rxjs';
@@ -38,7 +38,7 @@ export class AddTeamMemberComponent implements OnInit, OnDestroy {
 
   constructor(
     private modalService: NgbModal,
-    private fb: UntypedFormBuilder,
+    private fb: FormBuilder,
     private store: Store,
   ) {}
 

webapp/src/app/projects/components/edit-label/edit-label.component.ts

@@ -1,5 +1,5 @@
 import { Component, Input, OnDestroy, OnInit } from '@angular/core';
-import { UntypedFormBuilder, Validators } from '@angular/forms';
+import { FormBuilder, Validators } from '@angular/forms';
 import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { Select, Store } from '@ngxs/store';
 import * as _ from 'lodash';
@@ -35,7 +35,7 @@ export class EditLabelComponent implements OnInit, OnDestroy {
 
   constructor(
     private modalService: NgbModal,
-    private fb: UntypedFormBuilder,
+    private fb: FormBuilder,
     private store: Store,
   ) {}
 

webapp/src/app/projects/components/new-label/new-label.component.ts

@@ -1,5 +1,5 @@
 import { Component, Input, OnDestroy, OnInit } from '@angular/core';
-import { UntypedFormBuilder, Validators } from '@angular/forms';
+import { FormBuilder, Validators } from '@angular/forms';
 import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { Select, Store } from '@ngxs/store';
 import * as _ from 'lodash';
@@ -40,7 +40,7 @@ export class NewLabelComponent implements OnInit, OnDestroy {
 
   constructor(
     private modalService: NgbModal,
-    private fb: UntypedFormBuilder,
+    private fb: FormBuilder,
     private store: Store,
   ) {}
 

webapp/src/app/projects/components/new-project/new-project.component.ts

@@ -1,5 +1,5 @@
 import { Component, Input, OnDestroy, OnInit } from '@angular/core';
-import { UntypedFormBuilder, Validators } from '@angular/forms';
+import { FormBuilder, Validators } from '@angular/forms';
 import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { Select, Store } from '@ngxs/store';
 import { Observable } from 'rxjs';
@@ -29,7 +29,7 @@ export class NewProjectComponent implements OnInit, OnDestroy {
 
   constructor(
     private modalService: NgbModal,
-    private fb: UntypedFormBuilder,
+    private fb: FormBuilder,
     private store: Store,
   ) {}
 

webapp/src/app/projects/components/new-term/new-term.component.ts

@@ -1,5 +1,5 @@
 import { Component, Input, OnDestroy, OnInit } from '@angular/core';
-import { UntypedFormBuilder, Validators } from '@angular/forms';
+import { FormBuilder, Validators } from '@angular/forms';
 import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { Select, Store } from '@ngxs/store';
 import { Observable } from 'rxjs';
@@ -33,7 +33,7 @@ export class NewTermComponent implements OnInit, OnDestroy {
 
   constructor(
     private modalService: NgbModal,
-    private fb: UntypedFormBuilder,
+    private fb: FormBuilder,
     private store: Store,
   ) {}
 

webapp/src/app/projects/components/project-settings/project-settings.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnDestroy, OnInit } from '@angular/core';
-import { UntypedFormBuilder, Validators } from '@angular/forms';
+import { FormBuilder, Validators } from '@angular/forms';
 import { ActivatedRoute } from '@angular/router';
 import { Select, Store } from '@ngxs/store';
 import { Observable, Subscription } from 'rxjs';
@@ -30,7 +30,7 @@ export class ProjectSettingsComponent implements OnInit, OnDestroy {
   sub: Subscription;
 
   constructor(
-    private fb: UntypedFormBuilder,
+    private fb: FormBuilder,
     private store: Store,
     private route: ActivatedRoute,
   ) {}