Updated the docs

Author: martinmitrevski

Sources/StreamChatSwiftUI/ChatChannel/ChatChannelViewModel.swift

@@ -39,7 +39,6 @@ open class ChatChannelViewModel: ObservableObject, MessagesDataSource {
 
     private var loadingPreviousMessages: Bool = false
     private var lastMessageRead: String?
-    private var messageChanges = [ListChange<ChatMessage>]()
 
     public var channelController: ChatChannelController
     public var messageController: ChatMessageController?

docusaurus/docs/iOS/swiftui/components/custom-avatar.md

@@ -4,32 +4,29 @@ title: Message Avatar View
 
 ## Injecting Custom Avatar View
 
-The default avatar shown for the message sender in the SDK is a rounded image with the user's photo. You can change the look and feel of this component, as well as introduce additional elements, such as the sender name.
+The default avatar shown for the message sender in the SDK is a rounded image with the user's photo. You can change the look and feel of this component, as well as introduce additional elements.
 
-To do this, you need to implement the `makeMessageAvatarView` of the `ViewFactory` and return your custom view. Here's an example on how to create a custom avatar with the author's name bellow the image. 
+To do this, you need to implement the `makeMessageAvatarView` of the `ViewFactory` and return your custom view. Here's an example on how to create a custom avatar with rounded rectangle clip shape. 
 
 ```swift
 import StreamChat
 import NukeUI
 import Nuke
 
 struct CustomUserAvatar: View {
-    var author: ChatUser
+    var avatarURL: URL?
 
     public var body: some View {
-        VStack {
-            if let url = author.imageURL?.absoluteString {
+        ZStack {
+            if let url = avatarURL {
                 LazyImage(source: url)
-                    .clipShape(Circle())
+                    .clipShape(RoundedRectangle(cornerRadius: 8))
                     .frame(width: 40, height: 40)
             } else {
                 Image(systemName: "person.circle")
                     .resizable()
                     .frame(width: 40, height: 40)
             }
-            Text(author.name ?? "")
-                .font(.system(size: 13))
-                .frame(maxWidth: 60)
         }
     }
 
@@ -45,8 +42,8 @@ class CustomFactory: ViewFactory {
 
     init() {}
 
-    func makeMessageAvatarView(for user: ChatUser) -> some View {
-        CustomUserAvatar(author: user)
+    func makeMessageAvatarView(for avatarURL: URL?) -> some View {
+        CustomUserAvatar(avatarURL: avatarURL)
     }
 
 }