Added a successIconSize property calculated based on the button size …

…if the icon is a function (#331)
mondaycom · Nov 14, 2021 · 650e81c · 650e81c
1 parent 7f4be66
commit 650e81c
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/components/Button/Button.jsx b/src/components/Button/Button.jsx
@@ -221,6 +221,13 @@ const Button = forwardRef(
       return "24";
     }, [rightIcon, size]);
 
+    const successIconSize = useMemo(() => {
+      if (typeof successIcon !== "function") return;
+      if (size === SIZES.SMALL) return "20";
+      if (size === SIZES.MEDIUM) return "24";
+      return "24";
+    }, [successIcon, size]);
+
     if (loading) {
       return (
         <button {...buttonProps}>
@@ -239,6 +246,7 @@ const Button = forwardRef(
               iconType={Icon.type.ICON_FONT}
               clickable={false}
               icon={successIcon}
+              iconSize={successIconSize}
               className={cx({
                 "monday-style-button--left-icon": !!successText
               })}