chore: hide-custom-icon-when-loading-in-button

Author: tractorss

src/lib/button/ButtonIcon.tsx

@@ -6,20 +6,19 @@ const ButtonIcon: React.FC<
   Pick<ButtonProps, "Icon" | "icon" | "isDisabled" | "isLoading" | "variant">
 > = ({ Icon, icon, isDisabled, isLoading, variant }) => {
   const isSecondary = variant === "secondary";
-  return (
-    icon ??
-    (Icon && (
-      <Icon
-        className={cn(
-          "button-svg",
-          "mr-2 size-4",
-          "fill-klerosUIComponentsWhiteBackground",
-          isLoading && ["invisible"],
-          isSecondary && ["fill-klerosUIComponentsPrimaryBlue"],
-          isDisabled && ["fill-klerosUIComponentsStroke"],
-        )}
-      />
-    ))
-  );
+  return icon
+    ? !isLoading && icon
+    : Icon && (
+        <Icon
+          className={cn(
+            "button-svg",
+            "mr-2 size-4",
+            "fill-klerosUIComponentsWhiteBackground",
+            isLoading && ["invisible"],
+            isSecondary && ["fill-klerosUIComponentsPrimaryBlue"],
+            isDisabled && ["fill-klerosUIComponentsStroke"],
+          )}
+        />
+      );
 };
 export default ButtonIcon;