3681 avatars are not appearing in the messages and people name should be bold (#3692)

* update font weight

* fix picture not appearing

packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageSender.tsx

@@ -24,6 +24,7 @@ const StyledAvatar = styled(Avatar)`
 
 const StyledSenderName = styled.span`
   font-size: ${({ theme }) => theme.font.size.sm};
+  font-weight: ${({ theme }) => theme.font.weight.medium};
   overflow: hidden;
   text-overflow: ellipsis;
 `;
@@ -35,6 +36,10 @@ const StyledThreadMessageSentAt = styled.div`
   font-size: ${({ theme }) => theme.font.size.sm};
 `;
 
+const StyledRecordChip = styled(RecordChip)`
+  font-weight: ${({ theme }) => theme.font.weight.medium};
+`;
+
 type EmailThreadMessageSenderProps = {
   sender: EmailThreadMessageParticipant;
   sentAt: string;
@@ -57,7 +62,7 @@ export const EmailThreadMessageSender = ({
     <StyledEmailThreadMessageSender>
       <StyledEmailThreadMessageSenderUser>
         {person ? (
-          <RecordChip
+          <StyledRecordChip
             objectNameSingular={CoreObjectNameSingular.Person}
             record={person}
           />

packages/twenty-front/src/modules/object-metadata/utils/getObjectRecordIdentifier.ts

@@ -52,9 +52,12 @@ export const getObjectRecordIdentifier = ({
       ? 'squared'
       : 'rounded';
 
+  // TODO: This is a temporary solution before we seed imageIdentifierFieldMetadataId in the database
   const avatarUrl =
     (objectMetadataItem.nameSingular === CoreObjectNameSingular.Company
       ? getLogoUrlFromDomainName(record['domainName'] ?? '')
+      : objectMetadataItem.nameSingular === CoreObjectNameSingular.Person
+        ? record['avatarUrl'] ?? ''
         : imageIdentifierFieldValue) ?? '';
 
   const basePathToShowPage = getBasePathToShowPage({

packages/twenty-front/src/modules/object-record/components/RecordChip.tsx

@@ -9,12 +9,14 @@ export type RecordChipProps = {
   objectNameSingular: string;
   record: ObjectRecord;
   maxWidth?: number;
+  className?: string;
 };
 
 export const RecordChip = ({
   objectNameSingular,
   record,
   maxWidth,
+  className,
 }: RecordChipProps) => {
   const { objectMetadataItem } = useObjectMetadataItemOnly({
     objectNameSingular,
@@ -34,6 +36,7 @@ export const RecordChip = ({
       avatarUrl={objectRecordIdentifier.avatarUrl}
       linkToEntity={objectRecordIdentifier.linkToShowPage}
       maxWidth={maxWidth}
+      className={className}
     />
   );
 };