Implemented adding custom background for channel and message list

Author: martinmitrevski

Sources/StreamChatSwiftUI/ChatChannel/MessageList/MessageListView.swift

@@ -118,7 +118,12 @@ public struct MessageListView<Factory: ViewFactory>: View, KeyboardReadable {
                         .id(listId)
                     }
                 }
-                .background(Color(colors.background))
+                .background(
+                    factory.makeMessageListBackground(
+                        colors: colors,
+                        isInThread: isMessageThread
+                    )
+                )
                 .coordinateSpace(name: scrollAreaId)
                 .onPreferenceChange(WidthPreferenceKey.self) { value in
                     if let value = value, value != width {

Sources/StreamChatSwiftUI/ChatChannelList/ChatChannelList.swift

@@ -68,7 +68,6 @@ public struct ChannelList<Factory: ViewFactory>: View {
                 channelsVStack
             }
         }
-        .background(Color(colors.background))
     }
 
     private var channelsVStack: some View {

Sources/StreamChatSwiftUI/ChatChannelList/ChatChannelListView.swift

@@ -97,10 +97,12 @@ public struct ChatChannelListView<Factory: ViewFactory>: View {
                                 )
                             }
                         }
-                        .background(Color(colors.background))
                     }
                 }
             }
+            .background(
+                viewFactory.makeChannelListBackground(colors: colors)
+            )
             .alert(isPresented: $viewModel.alertShown) {
                 switch viewModel.channelAlertType {
                 case let .deleteChannel(channel):

Sources/StreamChatSwiftUI/CommonViews/LoadingView.swift

@@ -12,5 +12,6 @@ public struct LoadingView: View {
             ProgressView()
             Spacer()
         }
+        .frame(maxWidth: .infinity)
     }
 }

Sources/StreamChatSwiftUI/DefaultViewFactory.swift

@@ -94,6 +94,11 @@ extension ViewFactory {
         )
     }
 
+    public func makeChannelListBackground(colors: ColorPalette) -> some View {
+        Color(colors.background)
+            .edgesIgnoringSafeArea(.bottom)
+    }
+    
     public func makeChannelListDividerItem() -> some View {
         Divider()
     }
@@ -197,6 +202,13 @@ extension ViewFactory {
         DefaultMessageThreadHeaderModifier()
     }
 
+    public func makeMessageListBackground(
+        colors: ColorPalette,
+        isInThread: Bool
+    ) -> some View {
+        Color(colors.background)
+    }
+    
     public func makeMessageContainerView(
         channel: ChatChannel,
         message: ChatMessage,

Sources/StreamChatSwiftUI/ViewFactory.swift

@@ -59,6 +59,12 @@ public protocol ViewFactory: AnyObject {
         leadingSwipeButtonTapped: @escaping (ChatChannel) -> Void
     ) -> ChannelListItemType
 
+    associatedtype ChannelListBackground: View
+    /// Creates the background for the channel list.
+    /// - Parameter colors: the colors used in the SDK.
+    /// - Returns: view shown as a background of the channel list.
+    func makeChannelListBackground(colors: ColorPalette) -> ChannelListBackground
+    
     associatedtype ChannelListDividerItem: View
     /// Creates the channel list divider item.
     func makeChannelListDividerItem() -> ChannelListDividerItem
@@ -176,6 +182,17 @@ public protocol ViewFactory: AnyObject {
     /// Creates the message thread header view modifier.
     func makeMessageThreadHeaderViewModifier() -> ThreadHeaderViewModifier
 
+    associatedtype MessageListBackground: View
+    /// Creates the background for the message list.
+    /// - Parameters:
+    ///  - colors: the color palette used in the SDK.
+    ///  - isInThread: whether the message list is part of a message thread.
+    /// - Returns: view shown as a background for the message list.
+    func makeMessageListBackground(
+        colors: ColorPalette,
+        isInThread: Bool
+    ) -> MessageListBackground
+    
     associatedtype MessageContainerViewType: View
     /// Creates the message container view.
     /// - Parameters: