From b0abbe284b9814dda75210093fb610ef216f03a4 Mon Sep 17 00:00:00 2001
From: KenTandrian <kenricktan11@gmail.com>
Date: Wed, 15 Apr 2026 10:08:13 +0700
Subject: [PATCH] feat(client): initialize filterForm at class level

---
 .../components/admin-jobs/admin-jobs.component.ts    | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/apps/client/src/app/components/admin-jobs/admin-jobs.component.ts b/apps/client/src/app/components/admin-jobs/admin-jobs.component.ts
index deca5947b..c026a3f2d 100644
--- a/apps/client/src/app/components/admin-jobs/admin-jobs.component.ts
+++ b/apps/client/src/app/components/admin-jobs/admin-jobs.component.ts
@@ -26,7 +26,6 @@ import {
 } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import {
-  FormBuilder,
   FormControl,
   FormGroup,
   FormsModule,
@@ -87,9 +86,9 @@ export class GfAdminJobsComponent implements OnInit {
 
   protected dataSource = new MatTableDataSource<AdminJobs['jobs'][0]>();
   protected defaultDateTimeFormat: string;
-  protected filterForm: FormGroup<{
-    status: FormControl<JobStatus | null>;
-  }>;
+  protected readonly filterForm = new FormGroup({
+    status: new FormControl<JobStatus | null>(null)
+  });
 
   protected readonly displayedColumns = [
     'index',
@@ -113,7 +112,6 @@ export class GfAdminJobsComponent implements OnInit {
   private readonly adminService = inject(AdminService);
   private readonly changeDetectorRef = inject(ChangeDetectorRef);
   private readonly destroyRef = inject(DestroyRef);
-  private readonly formBuilder = inject(FormBuilder);
   private readonly notificationService = inject(NotificationService);
   private readonly tokenStorageService = inject(TokenStorageService);
   private readonly userService = inject(UserService);
@@ -153,10 +151,6 @@ export class GfAdminJobsComponent implements OnInit {
   }
 
   public ngOnInit() {
-    this.filterForm = this.formBuilder.group({
-      status: new FormControl<JobStatus | null>(null)
-    });
-
     this.filterForm.valueChanges
       .pipe(takeUntilDestroyed(this.destroyRef))
       .subscribe(() => {