admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Chip right height according to view (#7976)

Browse Source
This commit is contained in:
nitin
2024-10-24 01:03:35 +05:30
committed by GitHub
parent d9429b1a83
commit a35d888c12
5 changed files with 15 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCard.tsx
View File

@ -30,6 +30,7 @@ import { useRecoilState, useRecoilValue, useSetRecoilState } from 'recoil';
import {
AnimatedEaseInOut,
AvatarChipVariant,
ChipSize,
IconEye,
IconEyeOff,
} from 'twenty-ui';
@ -295,6 +296,7 @@ export const RecordBoardCard = ({
objectNameSingular={objectMetadataItem.nameSingular}
record={record as ObjectRecord}
variant={AvatarChipVariant.Transparent}
size={ChipSize.Large}
/>
)}

2
packages/twenty-front/src/modules/object-record/record-field/meta-types/display/components/ChipFieldDisplay.tsx
View File

@ -1,6 +1,7 @@
import { RecordChip } from '@/object-record/components/RecordChip';
import { useChipFieldDisplay } from '@/object-record/record-field/meta-types/hooks/useChipFieldDisplay';
import { RecordIdentifierChip } from '@/object-record/record-index/components/RecordIndexRecordChip';
import { ChipSize } from 'twenty-ui';
export const ChipFieldDisplay = () => {
const { recordValue, objectNameSingular, isLabelIdentifier } =
@ -14,6 +15,7 @@ export const ChipFieldDisplay = () => {
<RecordIdentifierChip
objectNameSingular={objectNameSingular}
record={recordValue}
size={ChipSize.Small}
/>
) : (
<RecordChip objectNameSingular={objectNameSingular} record={recordValue} />

5
packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexRecordChip.tsx
View File

@ -3,18 +3,20 @@ import { useRecordChipData } from '@/object-record/hooks/useRecordChipData';
import { RecordIndexRootPropsContext } from '@/object-record/record-index/contexts/RecordIndexRootPropsContext';
import { ObjectRecord } from '@/object-record/types/ObjectRecord';
import { useContext } from 'react';
import { AvatarChip, AvatarChipVariant } from 'twenty-ui';
import { AvatarChip, AvatarChipVariant, ChipSize } from 'twenty-ui';
export type RecordIdentifierChipProps = {
objectNameSingular: string;
record: ObjectRecord;
variant?: AvatarChipVariant;
size?: ChipSize;
};
export const RecordIdentifierChip = ({
objectNameSingular,
record,
variant,
size,
}: RecordIdentifierChipProps) => {
const { onIndexIdentifierClick } = useContext(RecordIndexRootPropsContext);
const { recordChipData } = useRecordChipData({
@ -38,6 +40,7 @@ export const RecordIdentifierChip = ({
variant={variant}
LeftIcon={LeftIcon}
LeftIconColor={LeftIconColor}
size={size}
/>
);
};