fix effect searching

LandOfTheRair · Aug 15, 2024 · 261f9d4 · 261f9d4
1 parent 567fd45
commit 261f9d4
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/src/app/shared/components/input-effect/input-effect.component.html b/src/app/shared/components/input-effect/input-effect.component.html
@@ -1,6 +1,6 @@
 <div class="relative">
   <ng-select class="form-control" [items]="values()" [(ngModel)]="effect" placeholder="Select effect..."
-    (change)="change.emit($event?.value)">
+    (change)="change.emit($event?.value)" [compareWith]="itemCompare" [searchFn]="search">
 
     <ng-template ng-option-tmp let-item="item">
       <div class="relative">
@@ -14,4 +14,4 @@
   </ng-select>
 
   <app-input-floating-label>{{ label() }}</app-input-floating-label>
-</div>
+</div>
diff --git a/src/app/shared/components/input-effect/input-effect.component.ts b/src/app/shared/components/input-effect/input-effect.component.ts
@@ -38,4 +38,15 @@ export class InputEffectComponent {
   constructor() {
     this.electronService.requestJSON('effect-data');
   }
+
+  public itemCompare(
+    itemA: { value: string; desc: string },
+    itemB: { value: string; desc: string }
+  ): boolean {
+    return itemA.value === itemB.value;
+  }
+
+  public search(term: string, item: { value: string }) {
+    return item.value.toLowerCase().includes(term.toLowerCase());
+  }
 }