From d36c6361c6e812f0814eb20600225efcf9a1a208 Mon Sep 17 00:00:00 2001 From: Khushal Agarwal Date: Thu, 19 Feb 2026 18:02:31 +0530 Subject: [PATCH] fix: message content padding for giphy or imgur attachments --- .../Message/MessageSimple/MessageContent.tsx | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) diff --git a/package/src/components/Message/MessageSimple/MessageContent.tsx b/package/src/components/Message/MessageSimple/MessageContent.tsx index 1d9719896..861f54926 100644 --- a/package/src/components/Message/MessageSimple/MessageContent.tsx +++ b/package/src/components/Message/MessageSimple/MessageContent.tsx @@ -27,6 +27,7 @@ import { } from '../../../contexts/translationContext/TranslationContext'; import { components, primitives } from '../../../theme'; +import { FileTypes } from '../../../types/types'; import { checkMessageEquality, checkQuotedMessageEquality } from '../../../utils/utils'; import { Poll } from '../../Poll/Poll'; import { useMessageData } from '../hooks/useMessageData'; @@ -570,17 +571,27 @@ export const MessageContent = (props: MessageContentProps) => { const messageHasSingleFile = messageContentOrder.length === 1 && messageContentOrder[0] === 'files' && isSingleFile; const messageHasOnlyText = messageContentOrder.length === 1 && messageContentOrder[0] === 'text'; + const messageHasGiphyOrImgur = + otherAttachments.filter( + (file) => file.type === FileTypes.Giphy || file.type === FileTypes.Imgur, + ).length > 0; const hidePaddingTop = - messageHasPoll || messageHasSingleImage || messageHasSingleFile || messageHasOnlyText; + messageHasPoll || + messageHasSingleImage || + messageHasSingleFile || + messageHasOnlyText || + messageHasGiphyOrImgur; - const hidePaddingHorizontal = messageHasPoll || messageHasSingleImage || messageHasSingleFile; + const hidePaddingHorizontal = + messageHasPoll || messageHasSingleImage || messageHasSingleFile || messageHasGiphyOrImgur; const hidePaddingBottom = messageHasPoll || messageHasSingleImage || messageHasSingleFile || messageHasOnlyText || + messageHasGiphyOrImgur || (messageContentOrder.length > 1 && messageContentOrder[messageContentOrder.length - 1] === 'text');