From f63fe5d478530c1fb7dbb18e0335d8f3bc5e02ef Mon Sep 17 00:00:00 2001
From: Balaji Krishnamurthy <107975017+BKM14@users.noreply.github.com>
Date: Wed, 13 Aug 2025 02:19:08 +0530
Subject: [PATCH] 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"
/>
---
 .../object-form/components/OverridableCheckbox.tsx     | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/object-form/components/OverridableCheckbox.tsx b/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/object-form/components/OverridableCheckbox.tsx
index 69522bfdb4..d899505585 100644
--- a/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/object-form/components/OverridableCheckbox.tsx
+++ b/packages/twenty-front/src/modules/settings/roles/role-permissions/object-level-permissions/object-form/components/OverridableCheckbox.tsx
@@ -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>
         </>