Skip to content

Commit

Permalink
fix: Show Icon Badge pointer if clickable (#538)
Browse files Browse the repository at this point in the history
  • Loading branch information
LautaroPetaccio authored May 9, 2024
1 parent f839d57 commit 53b9af3
Show file tree
Hide file tree
Showing 2 changed files with 12 additions and 2 deletions.
5 changes: 4 additions & 1 deletion src/components/IconBadge/IconBadge.css
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down
9 changes: 8 additions & 1 deletion src/components/IconBadge/IconBadge.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -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>
)
Expand Down

0 comments on commit 53b9af3

Please sign in to comment.