implemented typing indicators for channels

Author: martinmitrevski

Sources/StreamChatSwiftUI/ChatChannelList/ChatChannelList.swift

@@ -93,7 +93,7 @@ extension ChatChannel: Identifiable {
     }
 
     public var id: String {
-        "\(cid.id)-\(lastMessageAt ?? createdAt)-\(lastActiveMembersCount)-\(mutedString)-\(unreadCount.messages)"
+        "\(cid.id)-\(lastMessageAt ?? createdAt)-\(lastActiveMembersCount)-\(mutedString)-\(unreadCount.messages)-\(typingUsersString)"
     }
 
     public var lastActiveMembersCount: Int {
@@ -102,4 +102,11 @@ extension ChatChannel: Identifiable {
         }
         .count
     }
+    
+    public var typingUsersString: String {
+        currentlyTypingUsers.map { user in
+            user.id
+        }
+        .joined(separator: "-")
+    }
 }

Sources/StreamChatSwiftUI/ChatChannelList/ChatChannelListItem.swift

@@ -75,6 +75,8 @@ public struct ChatChannelListItem: View {
     private var subtitleText: String {
         if channel.isMuted {
             return L10n.Channel.Item.muted
+        } else if !channel.currentlyTypingUsers.isEmpty {
+            return typingIndicatorString(for: Array(channel.currentlyTypingUsers))
         } else if let latestMessage = channel.latestMessages.first {
             return "\(latestMessage.author.name ?? latestMessage.author.id): \(latestMessage.textContent ?? latestMessage.text)"
         } else {
@@ -96,6 +98,15 @@ public struct ChatChannelListItem: View {
             return ""
         }
     }
+    
+    private func typingIndicatorString(for typingUsers: [ChatUser]) -> String {
+        if let user = typingUsers.first(where: { user in user.name != nil }), let name = user.name {
+            return L10n.MessageList.TypingIndicator.users(name, typingUsers.count - 1)
+        } else {
+            // If we somehow cannot fetch any user name, we simply show that `Someone is typing`
+            return L10n.MessageList.TypingIndicator.typingUnknown
+        }
+    }
 }
 
 /// View for the avatar used in channels (includes online indicator overlay).