diff --git a/packages/twenty-front/src/modules/object-record/components/RecordChip.tsx b/packages/twenty-front/src/modules/object-record/components/RecordChip.tsx index 60eeea769..37d032156 100644 --- a/packages/twenty-front/src/modules/object-record/components/RecordChip.tsx +++ b/packages/twenty-front/src/modules/object-record/components/RecordChip.tsx @@ -1,5 +1,5 @@ import { useContext } from 'react'; -import { EntityChip } from 'twenty-ui'; +import { EntityChip, EntityChipVariant } from 'twenty-ui'; import { useMapToObjectRecordIdentifier } from '@/object-metadata/hooks/useMapToObjectRecordIdentifier'; import { RecordTableRowContext } from '@/object-record/record-table/contexts/RecordTableRowContext'; @@ -11,6 +11,7 @@ export type RecordChipProps = { record: ObjectRecord; maxWidth?: number; className?: string; + variant?: EntityChipVariant; }; export const RecordChip = ({ @@ -18,6 +19,7 @@ export const RecordChip = ({ record, maxWidth, className, + variant, }: RecordChipProps) => { const { mapToObjectRecordIdentifier } = useMapToObjectRecordIdentifier({ objectNameSingular, @@ -44,6 +46,7 @@ export const RecordChip = ({ linkToEntity={linkToEntity} maxWidth={maxWidth} className={className} + variant={variant} /> ); }; diff --git a/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCard.tsx b/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCard.tsx index 0c753862a..81838d8ff 100644 --- a/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCard.tsx +++ b/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCard.tsx @@ -2,7 +2,7 @@ import { ReactNode, useContext, useState } from 'react'; import { useInView } from 'react-intersection-observer'; import styled from '@emotion/styled'; import { useRecoilState, useRecoilValue, useSetRecoilState } from 'recoil'; -import { IconEye } from 'twenty-ui'; +import { EntityChipVariant, IconEye } from 'twenty-ui'; import { RecordChip } from '@/object-record/components/RecordChip'; import { RecordBoardContext } from '@/object-record/record-board/contexts/RecordBoardContext'; @@ -221,6 +221,7 @@ export const RecordBoardCard = () => { {isCompactModeActive && (