fix: quoted message layout

szuperaz · szuperaz · commit 13214a7ed518 · 2026-04-13T14:21:31.000+02:00
diff --git a/package/src/components/Message/MessageItemView/__tests__/__snapshots__/MessageTextContainer.test.tsx.snap b/package/src/components/Message/MessageItemView/__tests__/__snapshots__/MessageTextContainer.test.tsx.snap
@@ -44,6 +44,7 @@ exports[`MessageTextContainer should render message text container 1`] = `
             "color": "#1a1b25",
             "fontSize": 17,
             "lineHeight": 20,
+            "writingDirection": "ltr",
           }
         }
       >
diff --git a/package/src/components/Message/MessageItemView/utils/renderText.tsx b/package/src/components/Message/MessageItemView/utils/renderText.tsx
@@ -1,6 +1,7 @@
 import React, { PropsWithChildren, ReactNode, useCallback, useMemo } from 'react';
 import {
   GestureResponderEvent,
+  I18nManager,
   Linking,
   Platform,
   Text,
@@ -294,6 +295,7 @@ export const renderText = (params: RenderTextParams) => {
       ...defaultMarkdownStyles.text,
       color: isMyMessage ? semantics.chatTextOutgoing : semantics.chatTextIncoming,
       ...markdownStyles?.text,
+      writingDirection: I18nManager.isRTL ? 'rtl' : 'ltr',
     },
   };
 
diff --git a/package/src/components/Reply/Reply.tsx b/package/src/components/Reply/Reply.tsx
@@ -18,6 +18,7 @@ import {
 import { useMessageComposer } from '../../contexts/messageInputContext/hooks/useMessageComposer';
 import { MessagesContextValue } from '../../contexts/messagesContext/MessagesContext';
 import { useTheme } from '../../contexts/themeContext/ThemeContext';
+import { useTranslationContext } from '../../contexts/translationContext/TranslationContext';
 import { useStateStore } from '../../hooks';
 import { primitives } from '../../theme';
 import { FileTypes } from '../../types/types';
@@ -96,6 +97,7 @@ export type ReplyPropsWithContext = Pick<ChatContextValue, 'ImageComponent'> &
   };
 
 export const ReplyWithContext = (props: ReplyPropsWithContext) => {
+  const { t } = useTranslationContext();
   const {
     isMyMessage,
     ImageComponent,
@@ -122,13 +124,13 @@ export const ReplyWithContext = (props: ReplyPropsWithContext) => {
   const title = useMemo(
     () =>
       mode === 'edit'
-        ? 'Edit Message'
+        ? t('Edit Message')
         : isMyMessage
-          ? 'You'
+          ? t('You')
           : quotedMessage?.user?.name
-            ? `Reply to ${quotedMessage?.user?.name}`
-            : 'Reply',
-    [mode, isMyMessage, quotedMessage?.user?.name],
+            ? t('Reply to {{name}}', { name: quotedMessage?.user?.name })
+            : t('Reply'),
+    [mode, isMyMessage, quotedMessage?.user?.name, t],
   );
 
   if (!quotedMessage) {
diff --git a/package/src/components/Thread/__tests__/__snapshots__/Thread.test.js.snap b/package/src/components/Thread/__tests__/__snapshots__/Thread.test.js.snap
@@ -592,6 +592,7 @@ exports[`Thread should match thread snapshot 1`] = `
                                                   "color": "#1a1b25",
                                                   "fontSize": 17,
                                                   "lineHeight": 20,
+                                                  "writingDirection": "ltr",
                                                 }
                                               }
                                             >
@@ -929,6 +930,7 @@ exports[`Thread should match thread snapshot 1`] = `
                                                   "color": "#1a1b25",
                                                   "fontSize": 17,
                                                   "lineHeight": 20,
+                                                  "writingDirection": "ltr",
                                                 }
                                               }
                                             >
@@ -1299,6 +1301,7 @@ exports[`Thread should match thread snapshot 1`] = `
                                                   "color": "#1a1b25",
                                                   "fontSize": 17,
                                                   "lineHeight": 20,
+                                                  "writingDirection": "ltr",
                                                 }
                                               }
                                             >
@@ -1627,6 +1630,7 @@ exports[`Thread should match thread snapshot 1`] = `
                                                 "color": "#1a1b25",
                                                 "fontSize": 17,
                                                 "lineHeight": 20,
+                                                "writingDirection": "ltr",
                                               }
                                             }
                                           >
diff --git a/package/src/i18n/en.json b/package/src/i18n/en.json
@@ -93,6 +93,7 @@
   "Questions": "Questions",
   "Reconnecting...": "Reconnecting...",
   "Reply": "Reply",
+  "Reply to {{name}}": "Reply to {{name}}",
   "Reply to Message": "Reply to Message",
   "Resend": "Resend",
   "SEND": "SEND",
diff --git a/package/src/i18n/es.json b/package/src/i18n/es.json
@@ -93,6 +93,7 @@
   "Questions": "Preguntas",
   "Reconnecting...": "Reconectando...",
   "Reply": "Responder",
+  "Reply to {{name}}": "Responder a {{name}}",
   "Reply to Message": "Responder al mensaje",
   "Resend": "Reenviar",
   "SEND": "ENVIAR",
diff --git a/package/src/i18n/fr.json b/package/src/i18n/fr.json
@@ -93,6 +93,7 @@
   "Questions": "Questions",
   "Reconnecting...": "Se Reconnecter...",
   "Reply": "Répondre",
+  "Reply to {{name}}": "Répondre à {{name}}",
   "Reply to Message": "Répondre au message",
   "Resend": "Renvoyer",
   "SEND": "ENVOYER",
diff --git a/package/src/i18n/he.json b/package/src/i18n/he.json
@@ -93,6 +93,7 @@
   "Questions": "שאלות",
   "Reconnecting...": "מתחבר מחדש...",
   "Reply": "השב/י",
+  "Reply to {{name}}": "השב/י ל-{{name}}",
   "Reply to Message": "השב/י להודעה",
   "Resend": "שלח/י שוב",
   "SEND": "שלח",
diff --git a/package/src/i18n/hi.json b/package/src/i18n/hi.json
@@ -93,6 +93,7 @@
   "Questions": "प्रश्न",
   "Reconnecting...": "पुनः कनेक्ट हो...",
   "Reply": "मैसेज को रिप्लाई करे",
+  "Reply to {{name}}": "{{name}} को जवाब दें",
   "Reply to Message": "संदेश का जवाब दें",
   "Resend": "पुन: भेजें",
   "SEND": "भेजें",
diff --git a/package/src/i18n/it.json b/package/src/i18n/it.json
@@ -93,6 +93,7 @@
   "Questions": "Domande",
   "Reconnecting...": "Ricollegarsi...",
   "Reply": "Rispondi",
+  "Reply to {{name}}": "Rispondi a {{name}}",
   "Reply to Message": "Rispondi al messaggio",
   "Resend": "Invia di nuovo",
   "SEND": "INVIA",
diff --git a/package/src/i18n/ja.json b/package/src/i18n/ja.json
@@ -93,6 +93,7 @@
   "Questions": "質問",
   "Reconnecting...": "再接続中。。。",
   "Reply": "返事",
+  "Reply to {{name}}": "{{name}}に返信",
   "Reply to Message": "メッセージに返信",
   "Resend": "再送",
   "SEND": "送信",
diff --git a/package/src/i18n/ko.json b/package/src/i18n/ko.json
@@ -93,6 +93,7 @@
   "Questions": "질문",
   "Reconnecting...": "다시 연결 중...",
   "Reply": "답장",
+  "Reply to {{name}}": "{{name}}님에게 답장",
   "Reply to Message": "메시지에 답장",
   "Resend": "재전송",
   "SEND": "보내기",
diff --git a/package/src/i18n/nl.json b/package/src/i18n/nl.json
@@ -93,6 +93,7 @@
   "Questions": "Vragen",
   "Reconnecting...": "Opnieuw Verbinding Maken...",
   "Reply": "Antwoord",
+  "Reply to {{name}}": "Antwoord aan {{name}}",
   "Reply to Message": "Beantwoord bericht",
   "Resend": "Opnieuw versturen",
   "SEND": "VERZENDEN",
diff --git a/package/src/i18n/pt-br.json b/package/src/i18n/pt-br.json
@@ -93,6 +93,7 @@
   "Questions": "Perguntas",
   "Reconnecting...": "Reconectando...",
   "Reply": "Responder",
+  "Reply to {{name}}": "Responder a {{name}}",
   "Reply to Message": "Responder à Mensagem",
   "Resend": "Reenviar",
   "SEND": "ENVIAR",
diff --git a/package/src/i18n/ru.json b/package/src/i18n/ru.json
@@ -93,6 +93,7 @@
   "Questions": "Вопросы",
   "Reconnecting...": "Переподключение...",
   "Reply": "Ответить",
+  "Reply to {{name}}": "Ответить пользователю {{name}}",
   "Reply to Message": "Ответить на сообщение",
   "Resend": "Отправить",
   "SEND": "ОТПРАВИТЬ",
diff --git a/package/src/i18n/tr.json b/package/src/i18n/tr.json
@@ -93,6 +93,7 @@
   "Questions": "Sorular",
   "Reconnecting...": "Yeniden Bağlanılıyor...",
   "Reply": "Yanıtla",
+  "Reply to {{name}}": "{{name}} için yanıtla",
   "Reply to Message": "Mesajı Yanıtla",
   "Resend": "Yeniden gönder",
   "SEND": "GÖNDER",

Original file line number	Diff line number	Diff line change
@@ -44,6 +44,7 @@ exports[`MessageTextContainer should render message text container 1`] = `
`44`	`44`	`"color": "#1a1b25",`
`45`	`45`	`"fontSize": 17,`
`46`	`46`	`"lineHeight": 20,`
	`47`	`+ "writingDirection": "ltr",`
`47`	`48`	`}`
`48`	`49`	`}`
`49`	`50`	`>`
Original file line number	Diff line number	Diff line change
@@ -592,6 +592,7 @@ exports[`Thread should match thread snapshot 1`] = `
`592`	`592`	`"color": "#1a1b25",`
`593`	`593`	`"fontSize": 17,`
`594`	`594`	`"lineHeight": 20,`
	`595`	`+ "writingDirection": "ltr",`
`595`	`596`	`}`
`596`	`597`	`}`
`597`	`598`	`>`
@@ -929,6 +930,7 @@ exports[`Thread should match thread snapshot 1`] = `
`929`	`930`	`"color": "#1a1b25",`
`930`	`931`	`"fontSize": 17,`
`931`	`932`	`"lineHeight": 20,`
	`933`	`+ "writingDirection": "ltr",`
`932`	`934`	`}`
`933`	`935`	`}`
`934`	`936`	`>`
@@ -1299,6 +1301,7 @@ exports[`Thread should match thread snapshot 1`] = `
`1299`	`1301`	`"color": "#1a1b25",`
`1300`	`1302`	`"fontSize": 17,`
`1301`	`1303`	`"lineHeight": 20,`
	`1304`	`+ "writingDirection": "ltr",`
`1302`	`1305`	`}`
`1303`	`1306`	`}`
`1304`	`1307`	`>`
@@ -1627,6 +1630,7 @@ exports[`Thread should match thread snapshot 1`] = `
`1627`	`1630`	`"color": "#1a1b25",`
`1628`	`1631`	`"fontSize": 17,`
`1629`	`1632`	`"lineHeight": 20,`
	`1633`	`+ "writingDirection": "ltr",`
`1630`	`1634`	`}`
`1631`	`1635`	`}`
`1632`	`1636`	`>`