From 36846e9b4ce076d348a3d86668d8d1db7238974c Mon Sep 17 00:00:00 2001
From: Jason Frerich <jason.frerich@mattermost.com>
Date: Wed, 14 Sep 2022 08:21:57 -0500
Subject: [PATCH] [Gekidou MM-46847] allow wrapping long channel text in
 autocomplete (#6633)

---
 .../channel_mention_item/channel_mention_item.tsx  | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/app/components/autocomplete/channel_mention_item/channel_mention_item.tsx b/app/components/autocomplete/channel_mention_item/channel_mention_item.tsx
index 8158fedb17..9ded73355c 100644
--- a/app/components/autocomplete/channel_mention_item/channel_mention_item.tsx
+++ b/app/components/autocomplete/channel_mention_item/channel_mention_item.tsx
@@ -27,6 +27,7 @@ const getStyleFromTheme = makeStyleSheetFromTheme((theme: Theme) => {
             alignItems: 'center',
         },
         rowDisplayName: {
+            flex: 1,
             fontSize: 15,
             color: theme.centerChannelColor,
         },
@@ -129,16 +130,17 @@ const ChannelMentionItem = ({
                         style={style.icon}
                     />
                     <Text
+                        numberOfLines={1}
                         style={style.rowDisplayName}
                         testID={`${channelMentionItemTestId}.display_name`}
                     >
                         {displayName}
-                    </Text>
-                    <Text
-                        style={style.rowName}
-                        testID={`${channelMentionItemTestId}.name`}
-                    >
-                        {` ~${channel.name}`}
+                        <Text
+                            style={style.rowName}
+                            testID={`${channelMentionItemTestId}.name`}
+                        >
+                            {` ~${channel.name}`}
+                        </Text>
                     </Text>
                 </View>
             </TouchableWithFeedback>