fix: quoted message layout

Author: szuperaz

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',
     },
   };
 

package/src/components/Reply/Reply.tsx

@@ -25,6 +25,7 @@ import { checkQuotedMessageEquality } from '../../utils/utils';
 import { FileIcon } from '../Attachment/FileIcon';
 import { AttachmentRemoveControl } from '../MessageInput/components/AttachmentPreview/AttachmentRemoveControl';
 import { VideoPlayIndicator } from '../ui/VideoPlayIndicator';
+import { useTranslationContext } from '../../contexts/translationContext/TranslationContext';
 
 const messageComposerStateStoreSelector = (state: MessageComposerState) => ({
   quotedMessage: state.quotedMessage,
@@ -96,6 +97,7 @@ export type ReplyPropsWithContext = Pick<ChatContextValue, 'ImageComponent'> &
   };
 
 export const ReplyWithContext = (props: ReplyPropsWithContext) => {
+  const { t } = useTranslationContext();
   const {
     isMyMessage,
     ImageComponent,
@@ -122,12 +124,12 @@ 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',
+            ? t('Reply to {{name}}', { name: quotedMessage?.user?.name })
+            : t('Reply'),
     [mode, isMyMessage, quotedMessage?.user?.name],
   );
 

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",

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",

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",

package/src/i18n/he.json

@@ -93,6 +93,7 @@
   "Questions": "שאלות",
   "Reconnecting...": "מתחבר מחדש...",
   "Reply": "השב/י",
+  "Reply to {{name}}": "השב/י ל-{{name}}",
   "Reply to Message": "השב/י להודעה",
   "Resend": "שלח/י שוב",
   "SEND": "שלח",

package/src/i18n/hi.json

@@ -93,6 +93,7 @@
   "Questions": "प्रश्न",
   "Reconnecting...": "पुनः कनेक्ट हो...",
   "Reply": "मैसेज को रिप्लाई करे",
+  "Reply to {{name}}": "{{name}} को जवाब दें",
   "Reply to Message": "संदेश का जवाब दें",
   "Resend": "पुन: भेजें",
   "SEND": "भेजें",

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",

package/src/i18n/ja.json

@@ -93,6 +93,7 @@
   "Questions": "質問",
   "Reconnecting...": "再接続中。。。",
   "Reply": "返事",
+  "Reply to {{name}}": "{{name}}に返信",
   "Reply to Message": "メッセージに返信",
   "Resend": "再送",
   "SEND": "送信",

package/src/i18n/ko.json

@@ -93,6 +93,7 @@
   "Questions": "질문",
   "Reconnecting...": "다시 연결 중...",
   "Reply": "답장",
+  "Reply to {{name}}": "{{name}}님에게 답장",
   "Reply to Message": "메시지에 답장",
   "Resend": "재전송",
   "SEND": "보내기",