Fix button icon case

vtex-sites · Jul 21, 2022 · 342388a · 342388a
1 parent 71cf3fb
commit 342388a
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/ui/Button/Button.tsx b/src/components/ui/Button/Button.tsx
@@ -51,6 +51,8 @@ function Button({
   disabled,
   ...props
 }: ButtonProps) {
+  const isButtonIcon = icon && !iconPosition
+
   return (
     <UIButton
       aria-label={ariaLabel}
@@ -62,9 +64,7 @@ function Button({
       disabled={disabled}
       {...props}
     >
-      {(!iconPosition || iconPosition === 'left') && (
-        <UIIcon component={icon} />
-      )}
+      {(isButtonIcon || iconPosition === 'left') && <UIIcon component={icon} />}
       {children}
       {iconPosition === 'right' && <UIIcon component={icon} />}
     </UIButton>