Fix for enabled/disabled checkbox input.

actualbudget · Oct 17, 2023 · 7f372de · 7f372de
1 parent 76e70d1
commit 7f372de
Showing 1 changed file with 29 additions and 14 deletions.
diff --git a/packages/desktop-client/src/components/mobile/MobileForms.js b/packages/desktop-client/src/components/mobile/MobileForms.js
@@ -111,18 +111,33 @@ export function TapField({
 }
 
 export function BooleanField({ checked, onUpdate, style, disabled = 'false' }) {
-  return (
-    <input
-      disabled={disabled}
-      type="checkbox"
-      checked={checked}
-      onChange={e => onUpdate(e.target.checked)}
-      className={`${css([
-        {
-          marginInline: styles.mobileEditingPadding,
-        },
-        style,
-      ])}`}
-    />
-  );
+  if (disabled === 'true') {
+    return (
+      <input
+        disabled="disabled"
+        type="checkbox"
+        checked={checked}
+        className={`${css([
+          {
+            marginInline: styles.mobileEditingPadding,
+          },
+          style,
+        ])}`}
+      />
+    );
+  } else {
+    return (
+      <input
+        type="checkbox"
+        checked={checked}
+        onChange={e => onUpdate(e.target.checked)}
+        className={`${css([
+          {
+            marginInline: styles.mobileEditingPadding,
+          },
+          style,
+        ])}`}
+      />
+    );
+  }
 }