Fixed typing indicator display name

amazon-connect · Oct 15, 2024 · fdd9c2e · fdd9c2e
1 parent 71da75c
commit fdd9c2e
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 2 deletions.
diff --git a/app/src/main/java/com/amazon/connect/chat/androidchatexample/views/ChatComponents.kt b/app/src/main/java/com/amazon/connect/chat/androidchatexample/views/ChatComponents.kt
@@ -267,7 +267,28 @@ fun EventView(event: Event) {
             contentAlignment = alignment
         ) {
             if (isTypingEvent) {
-                TypingIndicator()
+                Column(
+                    modifier = Modifier
+                        .fillMaxWidth()
+                        .background(
+                            Color(0xFFFFFFFF),
+                            RoundedCornerShape(8.dp)
+                        )
+                        .padding(8.dp)
+                ) {
+                    event.displayName?.let {
+                        Text(
+                            text = it,
+                            color = Color.Black,
+                            style = MaterialTheme.typography.bodyMedium,
+                            modifier = Modifier
+                                .padding(4.dp),
+                            maxLines = 1,
+                            overflow = TextOverflow.Ellipsis
+                        )
+                    }
+                    TypingIndicator()
+                }
             } else if (event.eventDirection == MessageDirection.COMMON) {
                 event.text?.let {
                     Text(

diff --git a/app/src/main/java/com/amazon/connect/chat/androidchatexample/views/TypingIndicator.kt b/app/src/main/java/com/amazon/connect/chat/androidchatexample/views/TypingIndicator.kt
@@ -47,7 +47,6 @@ fun TypingIndicator() {
     Box(
         contentAlignment = Alignment.Center,
         modifier = Modifier
-            .padding(10.dp)
             .background(Color(0xFFEDEDED), RoundedCornerShape(8.dp))
             .padding( start = 15.dp)
             .padding( end = 10.dp)