Refactoring

apps/client/src/app/components/transactions-table/transactions-table.component.html

@@ -3,9 +3,9 @@
   <mat-chip-list #chipList aria-label="Search keywords">
     <mat-chip
       *ngFor="let searchKeyword of searchKeywords"
+      matChipRemove
       [removable]="true"
       (removed)="removeKeyword(searchKeyword)"
-      matChipRemove
     >
       {{ searchKeyword }}
       <ion-icon class="ml-2" matPrefix name="close-outline"></ion-icon>

apps/client/src/app/components/transactions-table/transactions-table.component.ts

@@ -61,8 +61,8 @@ export class TransactionsTableComponent
   > = this.filteredTransactions$.asObservable();
   public isLoading = true;
   public routeQueryParams: Subscription;
-  public searchKeywords: string[] = [];
   public searchControl = new FormControl();
+  public searchKeywords: string[] = [];
   public separatorKeysCodes: number[] = [ENTER, COMMA];
 
   private allFilteredTransactions: string[];
@@ -98,10 +98,7 @@ export class TransactionsTableComponent
     });
   }
 
-  public addKeyword(event: MatChipInputEvent): void {
+  public addKeyword({ input, value }: MatChipInputEvent): void {
-    const input = event.input;
-    const value = event.value;
-
     if (value?.trim()) {
       this.searchKeywords.push(value.trim());
       this.updateFilter();