diff --git a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageSender.tsx b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageSender.tsx index d362f6240c..97291f4f17 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageSender.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageSender.tsx @@ -3,8 +3,12 @@ import { useRecoilValue } from 'recoil'; import { ParticipantChip } from '@/activities/components/ParticipantChip'; import { type EmailThreadMessageParticipant } from '@/activities/emails/types/EmailThreadMessageParticipant'; +import { AppTooltip, TooltipPosition } from 'twenty-ui/display'; import { dateLocaleState } from '~/localization/states/dateLocaleState'; -import { beautifyPastDateRelativeToNow } from '~/utils/date-utils'; +import { + beautifyPastDateRelativeToNow, + formatToHumanReadableDate, +} from '~/utils/date-utils'; const StyledEmailThreadMessageSender = styled.div` display: flex; @@ -28,13 +32,19 @@ export const EmailThreadMessageSender = ({ sentAt, }: EmailThreadMessageSenderProps) => { const { localeCatalog } = useRecoilValue(dateLocaleState); + const tooltipId = `date-tooltip-${sentAt.replace(/[^a-zA-Z0-9]/g, '-')}`; return ( - + {beautifyPastDateRelativeToNow(sentAt, localeCatalog)} + ); };