chore: update text rtl support

sendbird · Nov 21, 2024 · f72d672 · f72d672
1 parent 03b5bf3
commit f72d672
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 4 deletions.
diff --git a/packages/uikit-react-native-foundation/src/ui/GroupChannelMessage/MessageBubbleWithText.tsx b/packages/uikit-react-native-foundation/src/ui/GroupChannelMessage/MessageBubbleWithText.tsx
@@ -35,6 +35,9 @@ const MessageBubbleWithText = ({
       <Text body3 color={color.enabled.textMsg} suppressHighlighting supportRTLAlign originalText={message.message}>
         <RegexText
           body3
+          suppressHighlighting
+          supportRTLAlign
+          originalText={message.message}
           color={color.enabled.textMsg}
           patterns={[
             ...regexTextPatterns,
@@ -48,8 +51,6 @@ const MessageBubbleWithText = ({
                     onPress={() => onPressURL?.(match)}
                     onLongPress={onLongPress}
                     style={[parentProps?.style, styles.urlText]}
-                    supportRTLAlign
-                    originalText={match}
                   >
                     {match}
                   </Text>

diff --git a/...t-react-native/src/components/ThreadParentMessageRenderer/ThreadParentMessage.user.og.tsx b/...t-react-native/src/components/ThreadParentMessageRenderer/ThreadParentMessage.user.og.tsx
@@ -35,9 +35,18 @@ const ThreadParentMessageUserOg = (props: Props) => {
   return (
     <Box>
       <PressBox activeOpacity={0.85} onPress={onPressMessage(userMessage)}>
-        <Text body3 color={colors.onBackground01} suppressHighlighting>
+        <Text
+          body3
+          suppressHighlighting
+          supportRTLAlign
+          originalText={userMessage.message}
+          color={colors.onBackground01}
+        >
           <RegexText
             body3
+            suppressHighlighting
+            supportRTLAlign
+            originalText={userMessage.message}
             color={colors.onBackground01}
             patterns={[
               ...(props.regexTextPatterns ?? []),

diff --git a/...ikit-react-native/src/components/ThreadParentMessageRenderer/ThreadParentMessage.user.tsx b/...ikit-react-native/src/components/ThreadParentMessageRenderer/ThreadParentMessage.user.tsx
@@ -18,9 +18,12 @@ const ThreadParentMessageUser = (props: Props) => {
   const { colors } = useUIKitTheme();
 
   return (
-    <Text body3 color={colors.onBackground01} suppressHighlighting>
+    <Text body3 color={colors.onBackground01} suppressHighlighting supportRTLAlign originalText={userMessage.message}>
       <RegexText
         body3
+        suppressHighlighting
+        supportRTLAlign
+        originalText={userMessage.message}
         color={colors.onBackground01}
         patterns={[
           ...(props.regexTextPatterns ?? []),

diff --git a/packages/uikit-react-native/src/components/ThreadParentMessageRenderer/index.tsx b/packages/uikit-react-native/src/components/ThreadParentMessageRenderer/index.tsx
@@ -134,6 +134,7 @@ const ThreadParentMessageRenderer = (props: ThreadParentMessageRendererProps) =>
                 color={mentionColor}
                 onPress={() => messageProps.onPressMentionedUser?.(user)}
                 onLongPress={messageProps.onLongPress}
+                suppressHighlighting
                 style={[
                   parentProps?.style,
                   { fontWeight: '700' },