diff --git a/apps/meteor/client/views/omnichannel/contactInfo/tabs/ContactInfoHistory/ContactInfoHistoryItem.tsx b/apps/meteor/client/views/omnichannel/contactInfo/tabs/ContactInfoHistory/ContactInfoHistoryItem.tsx index 90f838701a35..20749593f335 100644 --- a/apps/meteor/client/views/omnichannel/contactInfo/tabs/ContactInfoHistory/ContactInfoHistoryItem.tsx +++ b/apps/meteor/client/views/omnichannel/contactInfo/tabs/ContactInfoHistory/ContactInfoHistoryItem.tsx @@ -1,6 +1,15 @@ import type { Serialized } from '@rocket.chat/core-typings'; import { css } from '@rocket.chat/css-in-js'; -import { Box, Palette, IconButton, Icon } from '@rocket.chat/fuselage'; +import { + Box, + Palette, + IconButton, + Icon, + MessageGenericPreview, + MessageGenericPreviewContent, + MessageGenericPreviewDescription, + MessageGenericPreviewTitle, +} from '@rocket.chat/fuselage'; import type { ContactSearchChatsResult } from '@rocket.chat/rest-typings'; import { useSetModal, useTranslation, type TranslationKey } from '@rocket.chat/ui-contexts'; import React from 'react'; @@ -57,22 +66,21 @@ const ContactInfoHistoryItem = ({ source, lastMessage, verified, closedAt, onCli flexDirection='column' onClick={onClick} > - - {source && } - {source && ( - - {t(sourceTypeMap[source?.type] as TranslationKey)} - - )} - {lastMessage && ( - - {timeAgo(lastMessage.ts)} - - )} - - - {!closedAt ? t('Conversation_in_progress') : t('Conversation_closed_without_comment')} - + + + {source && } + {source && ( + + {t(sourceTypeMap[source?.type] as TranslationKey)} + + )} + {lastMessage && ( + + {timeAgo(lastMessage.ts)} + + )} + + {hasLicense && verified ? ( ) : ( @@ -85,6 +93,17 @@ const ContactInfoHistoryItem = ({ source, lastMessage, verified, closedAt, onCli )} + {!closedAt ? t('Conversation_in_progress') : t('Conversation_closed_without_comment')} + {lastMessage?.msg.trim() && ( + + + + {t('Closing_chat_message')}: + {lastMessage?.msg} + + + + )} ); };