Remove X icon for fields that cannot be removed (#13876)

Closes #13867
The `IconX` now only renders when `disabled` is `false`. This means,
that the IconX only appears when the field can actually be removed.

Attaching screenshot for reference
<img width="622" height="606" alt="image"
src="https://github.com/user-attachments/assets/7b8895c3-4ed1-4de9-98dc-585ee33e2960"
/>
This commit is contained in:
Balaji Krishnamurthy
2025-08-13 02:19:08 +05:30
committed by GitHub
parent af835e23be
commit f63fe5d478
@@ -59,10 +59,12 @@ export const OverridableCheckbox = ({
onClick={disabled ? undefined : onChange}
isDisabled={disabled}
>
<IconX
size={theme.icon.size.md}
color={theme.font.color.secondary}
/>
{!disabled && (
<IconX
size={theme.icon.size.md}
color={theme.font.color.secondary}
/>
)}
</StyledIconWrapper>
</StyledOverridableCheckboxContainerItem>
</>