diff --git a/packages/twenty-front/src/modules/settings/data-model/constants/RelationTypes.ts b/packages/twenty-front/src/modules/settings/data-model/constants/RelationTypes.ts index 5fc89008d..08127f6c9 100644 --- a/packages/twenty-front/src/modules/settings/data-model/constants/RelationTypes.ts +++ b/packages/twenty-front/src/modules/settings/data-model/constants/RelationTypes.ts @@ -1,6 +1,7 @@ import { IconComponent, - IconLayersLinked, + IconRelationManyToOne, + IconRelationOneToMany, IconRelationOneToOne, } from 'twenty-ui'; @@ -21,7 +22,7 @@ export const RELATION_TYPES: Record< > = { [RelationMetadataType.OneToMany]: { label: 'Has many', - Icon: IconLayersLinked, + Icon: IconRelationOneToMany, imageSrc: OneToManySvg, }, [RelationMetadataType.OneToOne]: { @@ -31,7 +32,7 @@ export const RELATION_TYPES: Record< }, MANY_TO_ONE: { label: 'Belongs to one', - Icon: IconLayersLinked, + Icon: IconRelationManyToOne, imageSrc: OneToManySvg, isImageFlipped: true, }, diff --git a/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectFieldItemTableRow.tsx b/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectFieldItemTableRow.tsx index c2d5fc1ef..f564892e0 100644 --- a/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectFieldItemTableRow.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectFieldItemTableRow.tsx @@ -1,6 +1,6 @@ -import { ReactNode, useMemo } from 'react'; import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; +import { ReactNode, useMemo } from 'react'; import { Nullable, useIcons } from 'twenty-ui'; import { useGetRelationMetadata } from '@/object-metadata/hooks/useGetRelationMetadata'; @@ -13,6 +13,7 @@ import { TableRow } from '@/ui/layout/table/components/TableRow'; import { RELATION_TYPES } from '../../constants/RelationTypes'; +import { RelationMetadataType } from '~/generated-metadata/graphql'; import { SettingsObjectFieldDataType } from './SettingsObjectFieldDataType'; type SettingsObjectFieldItemTableRowProps = { @@ -89,7 +90,12 @@ export const SettingsObjectFieldItemTableRow = ({ + + + + + + \ No newline at end of file diff --git a/packages/twenty-ui/src/display/icon/components/IconRelationManyToOne.tsx b/packages/twenty-ui/src/display/icon/components/IconRelationManyToOne.tsx new file mode 100644 index 000000000..09695c43c --- /dev/null +++ b/packages/twenty-ui/src/display/icon/components/IconRelationManyToOne.tsx @@ -0,0 +1,16 @@ +import { useTheme } from '@emotion/react'; + +import IconRelationManyToOneRaw from '@ui/display/icon/assets/many-to-one.svg?react'; +import { IconComponentProps } from '@ui/display/icon/types/IconComponent'; + +type IconRelationManyToOneProps = Pick; + +export const IconRelationManyToOne = (props: IconRelationManyToOneProps) => { + const theme = useTheme(); + const size = props.size ?? 24; + const stroke = props.stroke ?? theme.icon.stroke.md; + + return ( + + ); +}; diff --git a/packages/twenty-ui/src/display/icon/components/TablerIcons.ts b/packages/twenty-ui/src/display/icon/components/TablerIcons.ts index 3c1942ba8..39576b2b9 100644 --- a/packages/twenty-ui/src/display/icon/components/TablerIcons.ts +++ b/packages/twenty-ui/src/display/icon/components/TablerIcons.ts @@ -3,6 +3,7 @@ export { Icon123, IconAlertCircle, IconAlertTriangle, + IconApi, IconApps, IconArchive, IconArchiveOff, @@ -51,7 +52,9 @@ export { IconColorSwatch, IconMessageCircle as IconComment, IconCopy, + IconCreativeCommonsSa, IconCreditCard, + IconCsv, IconCurrencyBaht, IconCurrencyDirham, IconCurrencyDollar, @@ -85,8 +88,8 @@ export { IconFilter, IconFilterOff, IconFocusCentered, - IconFunction, IconForbid, + IconFunction, IconGripVertical, IconH1, IconH2, @@ -169,9 +172,7 @@ export { IconVideo, IconWand, IconWorld, - IconX, - IconCreativeCommonsSa, - IconApi, - IconCsv, + IconX } from '@tabler/icons-react'; export type { TablerIconsProps } from '@tabler/icons-react'; + diff --git a/packages/twenty-ui/src/display/index.ts b/packages/twenty-ui/src/display/index.ts index 7752c515a..fd659f04f 100644 --- a/packages/twenty-ui/src/display/index.ts +++ b/packages/twenty-ui/src/display/index.ts @@ -15,6 +15,7 @@ export * from './icon/components/IconGmail'; export * from './icon/components/IconGoogle'; export * from './icon/components/IconGoogleCalendar'; export * from './icon/components/IconMicrosoft'; +export * from './icon/components/IconRelationManyToOne'; export * from './icon/components/IconTwentyStar'; export * from './icon/components/IconTwentyStarFilled'; export * from './icon/components/TablerIcons';