diff --git a/packages/react/src/views/AttachmentHandler/TextAttachment.js b/packages/react/src/views/AttachmentHandler/TextAttachment.js index d8c9c6f9b..19a83a7f9 100644 --- a/packages/react/src/views/AttachmentHandler/TextAttachment.js +++ b/packages/react/src/views/AttachmentHandler/TextAttachment.js @@ -131,7 +131,11 @@ const FileAttachment = ({ alt="avatar" size="1.2em" /> - @{attachment?.author_name} + {attachment?.author_name} {getTimeString(attachment?.ts) && ( handleQuoteClick(attachment)} @@ -165,10 +169,12 @@ const FileAttachment = ({ css={css` margin-top: 0.5rem; white-space: pre-line; - background: ${theme.colors.background}; - padding: 8px 12px; - border-radius: 4px; - border: 1px solid ${theme.colors.border}; + ${!attachment?.author_name ? ` + background: ${theme.colors.background}; + padding: 8px 12px; + border-radius: 4px; + border: 1px solid ${theme.colors.border}; + ` : ''} line-height: normal; `} > @@ -374,7 +380,11 @@ const FileAttachment = ({ alt="avatar" size="1.2em" /> - @{nestedAttachment?.author_name} + {nestedAttachment?.author_name} {getTimeString(nestedAttachment?.ts) && ( handleQuoteClick(nestedAttachment)} @@ -409,6 +419,12 @@ const FileAttachment = ({ css={css` margin-top: 0.5rem; white-space: pre-line; + ${!nestedAttachment?.author_name ? ` + background: ${theme.colors.background}; + padding: 8px 12px; + border-radius: 4px; + border: 1px solid ${theme.colors.border}; + ` : ''} `} > {nestedAttachment?.text ? (