From d8f6ae4fa95c68ae2816ff0e72b7c8d31cbf39e1 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Wed, 29 Dec 2021 15:56:50 +0300
Subject: [PATCH] Add custon onChange event with checked prop

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 src/renderer/components/switch/switch.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/renderer/components/switch/switch.tsx b/src/renderer/components/switch/switch.tsx
index 3fe05bdd85..a798a38293 100644
--- a/src/renderer/components/switch/switch.tsx
+++ b/src/renderer/components/switch/switch.tsx
@@ -21,17 +21,18 @@
 
 import styles from "./switch.module.scss";
 
-import React from "react";
+import React, { ChangeEvent, HTMLProps } from "react";
 import { cssNames } from "../../utils";
 
-interface Props extends React.HTMLProps<HTMLInputElement> {
+interface Props extends Omit<HTMLProps<HTMLInputElement>, "onChange"> {
+  onChange?: (checked: boolean, event: ChangeEvent<HTMLInputElement>) => void;
 }
 
-export function Switch({ children, disabled, ...props }: Props) {
+export function Switch({ children, disabled, onChange, ...props }: Props) {
   return (
     <label className={cssNames(styles.Switch, { [styles.disabled]: disabled })} data-testid="switch">
       {children}
-      <input type="checkbox" role="switch" disabled={disabled} {...props}/>
+      <input type="checkbox" role="switch" disabled={disabled} onChange={(event) => onChange(props.checked, event)} {...props}/>
     </label>
   );
 }