diff --git a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadHeader.tsx b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadHeader.tsx index 1e1e7471d8..e5d53542e6 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadHeader.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadHeader.tsx @@ -27,6 +27,7 @@ const StyledHeading = styled.h2` margin: 0; margin-bottom: ${({ theme }) => theme.spacing(3)}; max-width: 100%; + color: ${({ theme }) => theme.font.color.primary}; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; diff --git a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageBodyPreview.tsx b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageBodyPreview.tsx index 80ec0742f2..40d9d4353f 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageBodyPreview.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageBodyPreview.tsx @@ -1,9 +1,8 @@ import React from 'react'; import styled from '@emotion/styled'; -const StyledThreadMessageBodyPreview = styled.span` +const StyledThreadMessageBodyPreview = styled.div` color: ${({ theme }) => theme.font.color.tertiary}; - min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 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 58e2663a8f..ae2552c203 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageSender.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageSender.tsx @@ -23,6 +23,7 @@ const StyledAvatar = styled(Avatar)` `; const StyledSenderName = styled.span` + color: ${({ theme }) => theme.font.color.primary}; font-size: ${({ theme }) => theme.font.size.sm}; font-weight: ${({ theme }) => theme.font.weight.medium}; overflow: hidden; diff --git a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadPreview.tsx b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadPreview.tsx index cd3e8b08b9..34a05a2285 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadPreview.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadPreview.tsx @@ -17,10 +17,6 @@ const StyledCardContent = styled(CardContent)` const StyledHeading = styled.div<{ unread: boolean }>` display: flex; - color: ${({ theme, unread }) => - unread ? theme.font.color.primary : theme.font.color.secondary}; - font-weight: ${({ theme, unread }) => - unread ? theme.font.weight.medium : theme.font.weight.regular}; overflow: hidden; width: 20%; `; @@ -53,9 +49,8 @@ const StyledSubjectAndBody = styled.div` overflow: hidden; `; -const StyledSubject = styled.span<{ unread: boolean }>` - color: ${({ theme, unread }) => - unread ? theme.font.color.primary : theme.font.color.secondary}; +const StyledSubject = styled.span` + color: ${({ theme }) => theme.font.color.primary}; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; @@ -136,7 +131,7 @@ export const EmailThreadPreview = ({ - {thread.subject} + {thread.subject} {thread.lastMessageBody} diff --git a/packages/twenty-front/src/modules/ui/input/button/components/IconButton.tsx b/packages/twenty-front/src/modules/ui/input/button/components/IconButton.tsx index 05f9a0c8c1..38a34b0cfb 100644 --- a/packages/twenty-front/src/modules/ui/input/button/components/IconButton.tsx +++ b/packages/twenty-front/src/modules/ui/input/button/components/IconButton.tsx @@ -129,7 +129,7 @@ const StyledButton = styled.button< ? `0 0 0 3px ${theme.accent.tertiary}` : 'none'}; color: ${!disabled - ? theme.font.color.secondary + ? theme.font.color.tertiary : theme.font.color.extraLight}; &:hover { background: ${!disabled diff --git a/packages/twenty-front/src/modules/ui/layout/show-page/components/ShowPageRightContainer.tsx b/packages/twenty-front/src/modules/ui/layout/show-page/components/ShowPageRightContainer.tsx index d131d4e8ab..7bfce7eb9d 100644 --- a/packages/twenty-front/src/modules/ui/layout/show-page/components/ShowPageRightContainer.tsx +++ b/packages/twenty-front/src/modules/ui/layout/show-page/components/ShowPageRightContainer.tsx @@ -8,6 +8,7 @@ import { ObjectTasks } from '@/activities/tasks/components/ObjectTasks'; import { Timeline } from '@/activities/timeline/components/Timeline'; import { ActivityTargetableObject } from '@/activities/types/ActivityTargetableEntity'; import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem'; +import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular'; import { IconCheckbox, IconMail, @@ -65,6 +66,12 @@ export const ShowPageRightContainer = ({ objectNameSingular: targetableObject.targetObjectNameSingular, }); + const shouldDisplayEmailsTab = + (emails && + targetableObject.targetObjectNameSingular === + CoreObjectNameSingular.Company) || + targetableObject.targetObjectNameSingular === CoreObjectNameSingular.Person; + const TASK_TABS = [ { id: 'timeline', @@ -95,8 +102,8 @@ export const ShowPageRightContainer = ({ id: 'emails', title: 'Emails', Icon: IconMail, - hide: !emails, - disabled: !isMessagingEnabled || targetableObjectMetadataItem.isCustom, + hide: !shouldDisplayEmailsTab, + disabled: !isMessagingEnabled, }, ];