fix: switch behavior

(cherry picked from commit 14464fa)
trezor · May 10, 2022 · 33055e9 · 33055e9
1 parent 4fc5e88
commit 33055e9
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/packages/components/src/components/form/Switch/index.tsx b/packages/components/src/components/form/Switch/index.tsx
@@ -89,17 +89,20 @@ export const Switch = ({
         isChecked={isChecked}
         isDisabled={isDisabled}
         isSmall={isSmall}
-        onClick={() => onChange(isChecked)}
+        onClick={e => {
+            e.preventDefault();
+            onChange(!isChecked);
+        }}
         className={className}
         data-test={dataTest}
     >
-        <Handle isSmall={isSmall} isChecked={isChecked} />
+        <Handle isSmall={isSmall} isChecked={isChecked} type="button" />
         <CheckboxInput
             type="checkbox"
             role="switch"
             checked={isChecked}
             disabled={isDisabled}
-            onChange={() => onChange(isChecked)}
+            onChange={() => onChange(!isChecked)}
             aria-checked={isChecked}
         />
     </Container>