diff --git a/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCardHeader.tsx b/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCardHeader.tsx index e0fc8d6f1..450512c51 100644 --- a/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCardHeader.tsx +++ b/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCardHeader.tsx @@ -17,6 +17,7 @@ import { } from '@/object-record/record-field/contexts/FieldContext'; import { FieldMetadata } from '@/object-record/record-field/types/FieldMetadata'; import { getFieldButtonIcon } from '@/object-record/record-field/utils/getFieldButtonIcon'; +import { isFieldValueEmpty } from '@/object-record/record-field/utils/isFieldValueEmpty'; import { useRecordIndexContextOrThrow } from '@/object-record/record-index/contexts/RecordIndexContext'; import { recordIndexOpenRecordInSelector } from '@/object-record/record-index/states/selectors/recordIndexOpenRecordInSelector'; import { RecordInlineCell } from '@/object-record/record-inline-cell/components/RecordInlineCell'; @@ -99,9 +100,10 @@ export const RecordBoardCardHeader = ({ isRecordBoardCompactModeActiveComponentState, ); - const isIdentifierEmpty = - (record?.[identifierFieldDefinition.metadata.fieldName] || '').trim() === - ''; + const isIdentifierEmpty = isFieldValueEmpty({ + fieldDefinition: identifierFieldDefinition, + fieldValue: record?.[identifierFieldDefinition.metadata.fieldName], + }); const { checkIfLastUnselectAndCloseDropdown } = useRecordBoardSelection(recordBoardId);