diff --git a/ts/components/conversation/message/message-content/quote/QuoteText.tsx b/ts/components/conversation/message/message-content/quote/QuoteText.tsx index 7371d827f..2329a6222 100644 --- a/ts/components/conversation/message/message-content/quote/QuoteText.tsx +++ b/ts/components/conversation/message/message-content/quote/QuoteText.tsx @@ -3,7 +3,6 @@ import { QuotePropsWithoutListener } from './Quote'; import { useSelector } from 'react-redux'; import { getSelectedConversationKey } from '../../../../../state/selectors/conversations'; import { useIsPrivate } from '../../../../../hooks/useParamSelector'; -import classNames from 'classnames'; import { MessageBody } from '../MessageBody'; import { MIME } from '../../../../../types'; import { GoogleChrome } from '../../../../../util'; @@ -47,7 +46,7 @@ function getTypeLabel({ return window.i18n('video'); } if (GoogleChrome.isImageTypeSupported(contentType)) { - return window.i18n('photo'); + return window.i18n('image'); } if (MIME.isAudio(contentType) && isVoiceMessage) { return window.i18n('voiceMessage'); @@ -67,33 +66,23 @@ export const QuoteText = ( const convoId = useSelector(getSelectedConversationKey); const isGroup = !useIsPrivate(convoId); - if (text) { - return ( - - - - ); - } - - if (!attachment) { - return null; - } - - const { contentType, isVoiceMessage } = attachment; + if (attachment) { + const { contentType, isVoiceMessage } = attachment; - const typeLabel = getTypeLabel({ contentType, isVoiceMessage }); - if (typeLabel) { - return ( -
- {typeLabel} -
- ); + const typeLabel = getTypeLabel({ contentType, isVoiceMessage }); + if (typeLabel) { + return
{typeLabel}
; + } } - return null; + return ( + + + + ); };