Add avatar customization in add users popup (#787)

Author: martinmitrevski

CHANGELOG.md

@@ -3,7 +3,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 
 # Upcoming
 
-### 🔄 Changed
+### ✅ Added
+- Add avatar customization in add users popup [#787](https://github.com/GetStream/stream-chat-swiftui/pull/787)
 
 # [4.74.0](https://github.com/GetStream/stream-chat-swiftui/releases/tag/4.74.0)
 _March 14, 2025_

Sources/StreamChatSwiftUI/ChatChannel/ChannelInfo/AddUsersView.swift

@@ -6,44 +6,47 @@ import StreamChat
 import SwiftUI
 
 /// View for the add users popup.
-struct AddUsersView: View {
+struct AddUsersView<Factory: ViewFactory>: View {
 
     @Injected(\.fonts) private var fonts
     @Injected(\.colors) private var colors
 
-    private static let columnCount = 4
-    private static let itemSize: CGFloat = 64
-
     private let columns = Array(
         repeating:
         GridItem(
-            .adaptive(minimum: itemSize),
+            .adaptive(minimum: 64),
             alignment: .top
         ),
-        count: columnCount
+        count: 4
     )
+    
+    private let factory: Factory
 
     @StateObject private var viewModel: AddUsersViewModel
     var onUserTap: (ChatUser) -> Void
 
     init(
+        factory: Factory = DefaultViewFactory.shared,
         loadedUserIds: [String],
         onUserTap: @escaping (ChatUser) -> Void
     ) {
         _viewModel = StateObject(
             wrappedValue: AddUsersViewModel(loadedUserIds: loadedUserIds)
         )
         self.onUserTap = onUserTap
+        self.factory = factory
     }
 
     init(
+        factory: Factory = DefaultViewFactory.shared,
         viewModel: AddUsersViewModel,
         onUserTap: @escaping (ChatUser) -> Void
     ) {
         _viewModel = StateObject(
             wrappedValue: viewModel
         )
         self.onUserTap = onUserTap
+        self.factory = factory
     }
 
     var body: some View {
@@ -57,17 +60,20 @@ struct AddUsersView: View {
                             onUserTap(user)
                         } label: {
                             VStack {
-                                MessageAvatarView(
-                                    avatarURL: user.imageURL,
-                                    size: CGSize(width: Self.itemSize, height: Self.itemSize),
-                                    showOnlineIndicator: false
+                                let itemSize: CGFloat = 64
+                                let userDisplayInfo = UserDisplayInfo(
+                                    id: user.id,
+                                    name: user.name ?? "",
+                                    imageURL: user.imageURL,
+                                    size: CGSize(width: itemSize, height: itemSize)
                                 )
+                                factory.makeMessageAvatarView(for: userDisplayInfo)
 
                                 Text(user.name ?? user.id)
                                     .multilineTextAlignment(.center)
                                     .lineLimit(2)
                                     .font(fonts.footnoteBold)
-                                    .frame(width: Self.itemSize)
+                                    .frame(width: itemSize)
                                     .foregroundColor(Color(colors.text))
                             }
                             .padding(.all, 8)

Sources/StreamChatSwiftUI/ChatChannel/ChannelInfo/ChatChannelInfoView.swift

@@ -126,6 +126,7 @@ public struct ChatChannelInfoView<Factory: ViewFactory>: View, KeyboardReadable
                             viewModel.addUsersShown = false
                         }
                     AddUsersView(
+                        factory: factory,
                         loadedUserIds: viewModel.participants.map(\.id),
                         onUserTap: viewModel.addUserTapped(_:)
                     )