toSignal via Gemini

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

@@ -5,13 +5,13 @@
     Add
   </a>
 </h2>
-<form [formGroup]="form" class="flex-col">
+<form class="flex-col">
   <div class="row-container">
     <mat-form-field class="flex-auto">
       <mat-label>Modifier Category</mat-label>
-      <mat-select formControlName="modifierCategory" (selectionChange)="filterOn($event)">
+      <mat-select (selectionChange)="filterOn($event)">
         <mat-option>-- All Categories --</mat-option>
-        @for (mc of modifierCategories; track mc) {
+        @for (mc of modifierCategories(); track mc.id) {
           <mat-option [value]="mc.id">
             {{ mc.name }}
           </mat-option>
@@ -20,7 +20,7 @@
     </mat-form-field>
   </div>
 </form>
-<mat-table #table [dataSource]="dataSource" aria-label="Elements">
+<mat-table #table [dataSource]="dataSource()" aria-label="Elements">
   <!-- Name Column -->
   <ng-container matColumnDef="name">
     <mat-header-cell *matHeaderCellDef>Name</mat-header-cell>