fixed overflowing text for select on card #3494 (#3504)

* fixed  overflowing text for select on card #3494

* maxWidth of useRelationFeild hook

* Fix

---------

Co-authored-by: Charles Bochet <charles@twenty.com>
This commit is contained in:
Irfan K
2024-01-23 23:38:39 +05:30
committed by GitHub
parent 3d6f1f1230
commit fd5cae6aae
6 changed files with 29 additions and 9 deletions

View File

@ -7,9 +7,14 @@ import { EntityChip } from '@/ui/display/chip/components/EntityChip';
export type RecordChipProps = {
objectNameSingular: string;
record: ObjectRecord;
maxWidth?: number;
};
export const RecordChip = ({ objectNameSingular, record }: RecordChipProps) => {
export const RecordChip = ({
objectNameSingular,
record,
maxWidth,
}: RecordChipProps) => {
const { mapToObjectRecordIdentifier } = useObjectMetadataItem({
objectNameSingular,
});
@ -23,6 +28,7 @@ export const RecordChip = ({ objectNameSingular, record }: RecordChipProps) => {
avatarType={objectRecordIdentifier.avatarType}
avatarUrl={objectRecordIdentifier.avatarUrl}
linkToEntity={objectRecordIdentifier.linkToShowPage}
maxWidth={maxWidth}
/>
);
};