Add background color when a channel is selected on iPad

Author: nuno-vieira

Sources/StreamChatSwiftUI/ChatChannelList/ChatChannelList.swift

@@ -108,6 +108,7 @@ public struct ChannelList<Factory: ViewFactory>: View {
 
 /// LazyVStack displaying list of channels.
 public struct ChannelsLazyVStack<Factory: ViewFactory>: View {
+    @Injected(\.colors) private var colors
 
     private var factory: Factory
     var channels: LazyCachedMapCollection<ChatChannel>
@@ -170,6 +171,11 @@ public struct ChannelsLazyVStack<Factory: ViewFactory>: View {
                     trailingSwipeLeftButtonTapped: trailingSwipeLeftButtonTapped,
                     leadingSwipeButtonTapped: leadingSwipeButtonTapped
                 )
+                .background(factory.makeChannelListItemBackground(
+                    colors: colors,
+                    channel: channel,
+                    isSelected: selectedChannel?.channel.id == channel.id
+                ))
                 .onAppear {
                     if let index = channels.firstIndex(where: { chatChannel in
                         chatChannel.id == channel.id

Sources/StreamChatSwiftUI/DefaultViewFactory.swift

@@ -99,7 +99,19 @@ extension ViewFactory {
         Color(colors.background)
             .edgesIgnoringSafeArea(.bottom)
     }
-    
+
+    public func makeChannelListItemBackground(
+        colors: ColorPalette,
+        channel: ChatChannel,
+        isSelected: Bool
+    ) -> some View {
+        if isSelected && isIPad {
+            return Color(colors.background6)
+        }
+
+        return Color(colors.background)
+    }
+
     public func makeChannelListDividerItem() -> some View {
         Divider()
     }

Sources/StreamChatSwiftUI/ViewFactory.swift

@@ -65,6 +65,18 @@ public protocol ViewFactory: AnyObject {
     /// - Returns: view shown as a background of the channel list.
     func makeChannelListBackground(colors: ColorPalette) -> ChannelListBackground
 
+    associatedtype ChannelListItemBackground: View
+    /// Creates the background for the channel list item.
+    /// - Parameter colors: The colors palette used in the SDK.
+    /// - Parameter channel: The channel which the item view belongs to.
+    /// - Parameter isSelected: Whether the current item is selected or not.
+    /// - Returns: The view shown as a background of the channel list item.
+    func makeChannelListItemBackground(
+        colors: ColorPalette,
+        channel: ChatChannel,
+        isSelected: Bool
+    ) -> ChannelListItemBackground
+
     associatedtype ChannelListDividerItem: View
     /// Creates the channel list divider item.
     func makeChannelListDividerItem() -> ChannelListDividerItem