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 ? (