fix channel image and user avatar widget size

lib/src/channel_image.dart

@@ -38,7 +38,7 @@ import 'package:stream_chat_flutter/stream_chat_flutter.dart';
 /// The widget uses a [StreamBuilder] to render the channel information image as soon as it updates.
 ///
 /// By default the widget radius size is 40x40 pixels.
-/// Set the property [size] to set a custom dimension.
+/// Set the property [constraints] to set a custom dimension.
 ///
 /// The widget renders the ui based on the first ancestor of type [StreamChatTheme].
 /// Modify it to change the widget appearance.
@@ -46,14 +46,14 @@ class ChannelImage extends StatelessWidget {
   const ChannelImage({
     Key key,
     this.channel,
-    this.size = 40,
+    this.constraints,
   }) : super(key: key);
 
   /// The channel to show the image of
   final Channel channel;
 
   /// The diameter of the image
-  final double size;
+  final BoxConstraints constraints;
 
   @override
   Widget build(BuildContext context) {
@@ -63,14 +63,13 @@ class ChannelImage extends StatelessWidget {
         stream: channel.extraDataStream,
         initialData: channel.extraData,
         builder: (context, snapshot) {
-          var image = '';
+          String image;
           if (snapshot.data?.containsKey('image') == true) {
             image = snapshot.data['image'];
           } else if (channel.state.members.length == 2) {
-            final otherMember = channel.state.members.firstWhere(
+            final otherMember = channel.state.members
-              (member) => member.user.id != client.user.id
+                .firstWhere((member) => member.user.id != client.user.id);
-            );
+            image = otherMember.user.extraData['image'];
-            image = otherMember.user.image;
           }
 
           return ClipRRect(
@@ -79,14 +78,15 @@ class ChannelImage extends StatelessWidget {
                 .avatarTheme
                 .borderRadius,
             child: Container(
-              constraints: StreamChatTheme.of(context)
+              constraints: constraints ??
-                  .channelPreviewTheme
+                  StreamChatTheme.of(context)
-                  .avatarTheme
+                      .channelPreviewTheme
-                  .constraints,
+                      .avatarTheme
+                      .constraints,
               decoration: BoxDecoration(
                 color: StreamChatTheme.of(context).accentColor,
               ),
-              child: image != ''
+              child: image != null
                   ? CachedNetworkImage(
                       imageUrl: image,
                       errorWidget: (_, __, ___) {

lib/src/channel_name.dart

@@ -28,17 +28,18 @@ class ChannelName extends StatelessWidget {
       stream: channel.extraDataStream,
       initialData: channel.extraData,
       builder: (context, snapshot) {
-        var title;
+        String title;
-        if (snapshot.data['name'] == null && channel.state.members.length == 2) {
+        if (snapshot.data['name'] == null &&
-          final otherMember = channel.state.members.firstWhere(
+            channel.state.members.length == 2) {
-            (member) => member.user.id != client.user.id
+          final otherMember = channel.state.members
-          );
+              .firstWhere((member) => member.user.id != client.user.id);
           title = otherMember.user.name;
         } else {
           title = snapshot.data['name'] ?? channel.id;
         }
 
-        return Text(title,
+        return Text(
+          title,
           style: textStyle,
         );
       },

lib/src/user_avatar.dart

@@ -8,11 +8,11 @@ class UserAvatar extends StatelessWidget {
   const UserAvatar({
     Key key,
     @required this.user,
-    this.radius = 16,
+    this.constraints,
   }) : super(key: key);
 
   final User user;
-  final double radius;
+  final BoxConstraints constraints;
 
   @override
   Widget build(BuildContext context) {
@@ -20,7 +20,7 @@ class UserAvatar extends StatelessWidget {
       borderRadius:
           StreamChatTheme.of(context).ownMessageTheme.avatarTheme.borderRadius,
       child: Container(
-        constraints:
+        constraints: constraints ??
             StreamChatTheme.of(context).ownMessageTheme.avatarTheme.constraints,
         decoration: BoxDecoration(
           color: StreamChatTheme.of(context).accentColor,