toSignal via Gemini

bookie/src/app/sales/split-bill/split-bill.component.html

@@ -1,10 +1,10 @@
 <h2 mat-dialog-title>Select Sale Categories</h2>
 <mat-dialog-content>
-  <form [formGroup]="form" class="flex-col">
-    <div formArrayName="saleCategories">
-      @for (sc of list; track sc; let i = $index) {
-        <div [formGroupName]="i" class="row-container">
-          <mat-checkbox formControlName="saleCategory" class="flex-auto">{{ sc.name }}</mat-checkbox>
+  <form class="flex-col">
+    <div>
+      @for (sc of list(); track sc; let i = $index) {
+        <div class="row-container">
+          <mat-checkbox [formField]="form.saleCategories[i].saleCategory" class="flex-auto">{{ sc.name }}</mat-checkbox>
         </div>
       }
     </div>
@@ -12,5 +12,5 @@
 </mat-dialog-content>
 <mat-dialog-actions align="end">
   <button mat-button [mat-dialog-close]="false">Cancel</button>
-  <button mat-button (click)="accept()" color="primary">Ok</button>
+  <button type="button" mat-button (click)="accept()" color="primary">Ok</button>
 </mat-dialog-actions>