[Channel Image] Fix selection state

Signed-off-by: Sahil Kumar <[email protected]>

lib/src/channel_image.dart

@@ -53,6 +53,8 @@ class ChannelImage extends StatelessWidget {
     this.showOnlineStatus = true,
     this.borderRadius,
     this.selected = false,
+    this.selectionColor = const Color(0xFF006CFF),
+    this.selectionThickness = 4,
   }) : super(key: key);
 
   final BorderRadius borderRadius;
@@ -70,6 +72,10 @@ class ChannelImage extends StatelessWidget {
 
   final bool selected;
 
+  final Color selectionColor;
+
+  final double selectionThickness;
+
   @override
   Widget build(BuildContext context) {
     final streamChat = StreamChat.of(context);
@@ -97,12 +103,10 @@ class ChannelImage extends StatelessWidget {
                             .channelPreviewTheme
                             .avatarTheme
                             .constraints,
-                    onTap: onTap != null
-                        ? (_) {
-                            onTap();
-                          }
-                        : null,
+                    onTap: onTap != null ? (_) => onTap() : null,
                     selected: selected,
+                    selectionColor: selectionColor,
+                    selectionThickness: selectionThickness,
                   );
                 });
           } else {
@@ -123,10 +127,12 @@ class ChannelImage extends StatelessWidget {
                       .constraints,
               onTap: onTap,
               selected: selected,
+              selectionColor: selectionColor,
+              selectionThickness: selectionThickness,
             );
           }
 
-          return ClipRRect(
+          Widget child = ClipRRect(
             borderRadius: borderRadius ??
                 StreamChatTheme.of(context)
                     .channelPreviewTheme
@@ -175,6 +181,29 @@ class ChannelImage extends StatelessWidget {
               ),
             ),
           );
+          if (selected) {
+            child = ClipRRect(
+              borderRadius: (borderRadius ??
+                      StreamChatTheme.of(context)
+                          .ownMessageTheme
+                          .avatarTheme
+                          .borderRadius) +
+                  BorderRadius.circular(selectionThickness),
+              child: Container(
+                constraints: constraints ??
+                    StreamChatTheme.of(context)
+                        .ownMessageTheme
+                        .avatarTheme
+                        .constraints,
+                color: selectionColor,
+                child: Padding(
+                  padding: EdgeInsets.all(selectionThickness),
+                  child: child,
+                ),
+              ),
+            );
+          }
+          return child;
         });
   }
 }