Procházet zdrojové kódy

Add preventDefault to all cbk-buttons

Tatiana Inama před 6 roky
rodič
revize
49293b9d37
1 změnil soubory, kde provedl 8 přidání a 1 odebrání
  1. 8 1
      recipes/src/components/Button/index.tsx

+ 8 - 1
recipes/src/components/Button/index.tsx

@@ -37,13 +37,20 @@ export default function CBKButton(props: CBKButtonProps) {
     'cbk-btn--active active': props.active,
   })
 
+  const onClick = (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
+    event.preventDefault();
+    if(props.onClick) {
+      props.onClick(event);
+    }
+  }
+
   if (props.icon) {
     return (
       <IconButton
         icon={
           <Icon material={!props.custom} icon={props.icon}/>
         }
-        onClick={props.onClick}
+        onClick={onClick}
         className={classnames({
           'btn-small': props.small,
         }, props.className)}