diff --git a/front/src/modules/settings/data-model/components/SettingsObjectFieldPreview.tsx b/front/src/modules/settings/data-model/components/SettingsObjectFieldPreview.tsx
index 536598b1e..dcd607395 100644
--- a/front/src/modules/settings/data-model/components/SettingsObjectFieldPreview.tsx
+++ b/front/src/modules/settings/data-model/components/SettingsObjectFieldPreview.tsx
@@ -8,6 +8,7 @@ import { Tag } from '@/ui/display/tag/components/Tag';
import { useLazyLoadIcon } from '@/ui/input/hooks/useLazyLoadIcon';
import { FieldDisplay } from '@/ui/object/field/components/FieldDisplay';
import { FieldContext } from '@/ui/object/field/contexts/FieldContext';
+import { BooleanFieldInput } from '@/ui/object/field/meta-types/input/components/BooleanFieldInput';
import { entityFieldsFamilySelector } from '@/ui/object/field/states/selectors/entityFieldsFamilySelector';
import { assertNotNull } from '~/utils/assert';
@@ -145,7 +146,11 @@ export const SettingsObjectFieldPreview = ({
hotkeyScope: 'field-preview',
}}
>
-
+ {fieldType === 'BOOLEAN' ? (
+
+ ) : (
+
+ )}
diff --git a/front/src/modules/settings/data-model/components/SettingsObjectFieldTypeSelectSection.tsx b/front/src/modules/settings/data-model/components/SettingsObjectFieldTypeSelectSection.tsx
index 819e4de40..aae265770 100644
--- a/front/src/modules/settings/data-model/components/SettingsObjectFieldTypeSelectSection.tsx
+++ b/front/src/modules/settings/data-model/components/SettingsObjectFieldTypeSelectSection.tsx
@@ -64,7 +64,7 @@ export const SettingsObjectFieldTypeSelectSection = ({
}),
)}
/>
- {['NUMBER', 'TEXT'].includes(fieldType) && (
+ {['BOOLEAN', 'NUMBER', 'TEXT'].includes(fieldType) && (
{
const { fieldValue } = useBooleanField();
@@ -26,6 +28,7 @@ export const BooleanFieldInput = ({
);
diff --git a/front/src/modules/ui/object/field/meta-types/input/components/internal/BooleanInput.tsx b/front/src/modules/ui/object/field/meta-types/input/components/internal/BooleanInput.tsx
index 9cec67c9f..1c0dcdc65 100644
--- a/front/src/modules/ui/object/field/meta-types/input/components/internal/BooleanInput.tsx
+++ b/front/src/modules/ui/object/field/meta-types/input/components/internal/BooleanInput.tsx
@@ -6,7 +6,7 @@ import { IconCheck, IconX } from '@/ui/display/icon';
const StyledEditableBooleanFieldContainer = styled.div`
align-items: center;
- cursor: pointer;
+ cursor: ${({ onClick }) => (onClick ? 'pointer' : 'default')};
display: flex;
height: 100%;
@@ -20,12 +20,14 @@ const StyledEditableBooleanFieldValue = styled.div`
type BooleanInputProps = {
value: boolean;
onToggle?: (newValue: boolean) => void;
+ readonly?: boolean;
testId?: string;
};
export const BooleanInput = ({
value,
onToggle,
+ readonly,
testId,
}: BooleanInputProps) => {
const [internalValue, setInternalValue] = useState(value);
@@ -43,7 +45,7 @@ export const BooleanInput = ({
return (
{internalValue ? (