From 53b9af37417353eb0e31cef5e9d909f82b1acca9 Mon Sep 17 00:00:00 2001
From: Lautaro Petaccio <1120791+LautaroPetaccio@users.noreply.github.com>
Date: Thu, 9 May 2024 09:58:20 -0300
Subject: [PATCH] fix: Show Icon Badge pointer if clickable (#538)

---
 src/components/IconBadge/IconBadge.css | 5 ++++-
 src/components/IconBadge/IconBadge.tsx | 9 ++++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/components/IconBadge/IconBadge.css b/src/components/IconBadge/IconBadge.css
index 4049af75..6354fb7e 100644
--- a/src/components/IconBadge/IconBadge.css
+++ b/src/components/IconBadge/IconBadge.css
@@ -4,11 +4,14 @@
   text-transform: uppercase;
   padding: 2px 8px;
   border-radius: 5px;
-  cursor: pointer;
   background-color: #37333d;
   min-height: 24px;
 }
 
+.dui-icon-badge.clickable {
+  cursor: pointer;
+}
+
 .dui-icon-badge .text {
   font-size: 13px;
   color: white;
diff --git a/src/components/IconBadge/IconBadge.tsx b/src/components/IconBadge/IconBadge.tsx
index 26c816cc..dc2b2e10 100644
--- a/src/components/IconBadge/IconBadge.tsx
+++ b/src/components/IconBadge/IconBadge.tsx
@@ -25,7 +25,14 @@ export const IconBadge = ({
   )
 
   return (
-    <span className={classNames('dui-icon-badge', className)} onClick={onClick}>
+    <span
+      className={classNames(
+        'dui-icon-badge',
+        className,
+        onClick && 'clickable'
+      )}
+      onClick={onClick}
+    >
       {childrenInt}
     </span>
   )