Customization of the channel loading view (#474)

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
+- Customization of the channel loading view
 
 # [4.52.0](https://github.com/GetStream/stream-chat-swiftui/releases/tag/4.52.0)
 _April 09, 2024_

Sources/StreamChatSwiftUI/ChatChannel/ChatChannelView.swift

@@ -152,7 +152,7 @@ public struct ChatChannelView<Factory: ViewFactory>: View, KeyboardReadable {
                         : nil
                 )
             } else {
-                LoadingView()
+                factory.makeChannelLoadingView()
             }
         }
         .navigationBarTitleDisplayMode(factory.navigationBarDisplayMode())

Sources/StreamChatSwiftUI/DefaultViewFactory.swift

@@ -271,6 +271,10 @@ extension ViewFactory {
         DefaultChannelHeaderModifier(channel: channel)
     }
 
+    public func makeChannelLoadingView() -> some View {
+        LoadingView()
+    }
+    
     public func makeMessageThreadHeaderViewModifier() -> some MessageThreadHeaderViewModifier {
         DefaultMessageThreadHeaderModifier()
     }

Sources/StreamChatSwiftUI/ViewFactory.swift

@@ -252,6 +252,10 @@ public protocol ViewFactory: AnyObject {
     /// Creates the channel header view modifier.
     /// - Parameter channel: the displayed channel.
     func makeChannelHeaderViewModifier(for channel: ChatChannel) -> ChatHeaderViewModifier
+    
+    associatedtype ChannelLoadingViewType: View
+    /// Creates a loading view for the channel.
+    func makeChannelLoadingView() -> ChannelLoadingViewType
 
     associatedtype ThreadHeaderViewModifier: MessageThreadHeaderViewModifier
     /// Creates the message thread header view modifier.

StreamChatSwiftUITests/Tests/Utils/ViewFactory_Tests.swift

@@ -901,6 +901,17 @@ class ViewFactory_Tests: StreamChatTestCase {
         // Then
         XCTAssert(view is LockedView)
     }
+    
+    func test_viewFactory_makeChannelLoadingView() {
+        // Given
+        let viewFactory = DefaultViewFactory.shared
+        
+        // When
+        let view = viewFactory.makeChannelLoadingView()
+        
+        // Then
+        XCTAssert(view is LoadingView)
+    }
 }
 
 extension ChannelAction: Equatable {