fix: linkbutton: fixes counter position when button only contains an …

…icon
EightfoldAI · Sep 21, 2023 · 158fc98 · 158fc98
1 parent 1770722
commit 158fc98
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/src/components/LinkButton/LinkButton.tsx b/src/components/LinkButton/LinkButton.tsx
@@ -316,10 +316,21 @@ export const LinkButton: FC<LinkButtonProps> = React.forwardRef(
             {getPrefixIcon()}
           </span>
         )}
-        {iconExists && !textExists && !prefixIconExists && getLinkButtonIcon()}
-        {counterExists && !textExists && !loading && (
+        {iconExists &&
+          !textExists &&
+          !prefixIconExists &&
+          !counterExists &&
+          getLinkButtonIcon()}
+        {counterExists && !textExists && !loading && !iconExists && (
           <Badge classNames={badgeClassNames}>{counter}</Badge>
         )}
+        {iconExists && counterExists && !textExists && !loading && (
+          <span>
+            {getLinkButtonIcon()}
+            <Badge classNames={badgeClassNames}>{counter}</Badge>
+            {prefixIconExists && getPrefixIcon()}
+          </span>
+        )}
         {iconExists && textExists && (
           <span>
             {getLinkButtonIcon()}