feat: use toggle instead of checkboxes

saibottob · Dec 21, 2023 · 4cf8d8d · 4cf8d8d
1 parent 187ac08
commit 4cf8d8d
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/app/features/config/config-form/config-form.component.ts b/src/app/features/config/config-form/config-form.component.ts
@@ -11,7 +11,7 @@ import { GlobalConfigSectionKey } from '../global-config.model';
 import { ProjectCfgFormKey } from '../../project/project.model';
 import { T } from '../../../t.const';
 import { exists } from '../../../util/exists';
-import { addDebounceToFormlyInputs } from '../../../util/add-debounce-to-formly-inputs';
+import { adjustToLiveFormlyForm } from '../../../util/adjust-to-live-formly-form';
 
 @Component({
   selector: 'config-form',
@@ -41,7 +41,7 @@ export class ConfigFormComponent {
   // NOTE2: since we don't have a save button anymore we need to debounce inputs
 
   @Input() set formCfg(val: FormlyFieldConfig[]) {
-    this.fields = addDebounceToFormlyInputs(val);
+    this.fields = adjustToLiveFormlyForm(val);
   }
 
   updateCfg(cfg: Record<string, unknown>): void {

diff --git a/...app/util/add-debounce-to-formly-inputs.ts → src/app/util/adjust-to-live-formly-form.ts b/...app/util/add-debounce-to-formly-inputs.ts → src/app/util/adjust-to-live-formly-form.ts
@@ -1,9 +1,15 @@
 import { FormlyFieldConfig } from '@ngx-formly/core';
 
-export const addDebounceToFormlyInputs = (
+export const adjustToLiveFormlyForm = (
   items: FormlyFieldConfig[],
 ): FormlyFieldConfig[] => {
   return items.map((item) => {
+    if (item.type === 'checkbox') {
+      return {
+        ...item,
+        type: 'toggle',
+      };
+    }
     if (item.type === 'input') {
       return {
         ...item,