From 0e67bc8944634f2dc588d347a4841a4be0d88a37 Mon Sep 17 00:00:00 2001
From: Claudio Costa <cstcld91@gmail.com>
Date: Wed, 30 Apr 2025 13:32:00 -0600
Subject: [PATCH] [MM-63382] Calls: Fix rendering of long user/channel name in
 call bar (#8804)

* Calls: Fix rendering of long user/channel name in call bar

* Fix linting
---
 .../components/current_call_bar/current_call_bar.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/app/products/calls/components/current_call_bar/current_call_bar.tsx b/app/products/calls/components/current_call_bar/current_call_bar.tsx
index a8382a6f2..dc3919db9 100644
--- a/app/products/calls/components/current_call_bar/current_call_bar.tsx
+++ b/app/products/calls/components/current_call_bar/current_call_bar.tsx
@@ -193,7 +193,11 @@ const CurrentCallBar = ({
         </Text>);
     if (speaker) {
         talkingMessage = (
-            <Text style={style.speakingUser}>
+            <Text
+                style={style.speakingUser}
+                numberOfLines={1}
+                ellipsizeMode='middle'
+            >
                 {displayUsername(sessionsDict[speaker].userModel, intl.locale, teammateNameDisplay)}
                 {' '}
                 <Text style={style.speakingPostfix}>{
@@ -249,7 +253,11 @@ const CurrentCallBar = ({
                     </View>
                     <View style={style.text}>
                         {talkingMessage}
-                        <Text style={style.channelAndTime}>
+                        <Text
+                            style={style.channelAndTime}
+                            numberOfLines={1}
+                            ellipsizeMode='middle'
+                        >
                             {`~${displayName}`}
                             <Text style={style.separator}>{'  •  '}</Text>
                             <CallDuration