add channel muted ui

lib/src/channel_preview.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:flutter/widgets.dart';
 import 'package:jiffy/jiffy.dart';
+import 'package:line_awesome_icons/line_awesome_icons.dart';
 import 'package:stream_chat/stream_chat.dart';
 import 'package:stream_chat_flutter/src/unread_indicator.dart';
 
@@ -42,59 +43,63 @@ class ChannelPreview extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return ListTile(
+    return Opacity(
-      onTap: () {
+      opacity: channel.isMuted ? 0.5 : 1,
-        if (onTap != null) {
+      child: ListTile(
-          onTap(channel);
+        onTap: () {
-        }
+          if (onTap != null) {
-      },
+            onTap(channel);
-      onLongPress: () {
+          }
-        if (onLongPress != null) {
+        },
-          onLongPress(channel);
+        onLongPress: () {
-        }
+          if (onLongPress != null) {
-      },
+            onLongPress(channel);
-      leading: ChannelImage(
+          }
-        onTap: onImageTap,
+        },
-      ),
+        leading: ChannelImage(
-      title: Row(
+          onTap: onImageTap,
-        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+        ),
-        children: <Widget>[
+        title: Row(
-          Flexible(
+          mainAxisAlignment: MainAxisAlignment.spaceBetween,
-            child: ChannelName(
+          children: <Widget>[
-              textStyle: StreamChatTheme.of(context).channelPreviewTheme.title,
+            Flexible(
+              child: ChannelName(
+                textStyle:
+                    StreamChatTheme.of(context).channelPreviewTheme.title,
+              ),
             ),
-          ),
+            if (channel.state.unreadCount > 0)
-          if (channel.state.unreadCount > 0)
+              UnreadIndicator(
-            UnreadIndicator(
+                channel: channel,
-              channel: channel,
+              ),
+          ],
+        ),
+        subtitle: Row(
+          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+          children: <Widget>[
+            Flexible(child: _buildSubtitle(context)),
+            Builder(
+              builder: (context) {
+                if (channel.state.lastMessage?.user?.id ==
+                    StreamChat.of(context).user.id) {
+                  return Padding(
+                    padding: const EdgeInsets.only(right: 4.0),
+                    child: SendingIndicator(
+                      message: channel.state.lastMessage,
+                      allRead: channel.state.read
+                              .where((element) => element.lastRead
+                                  .isAfter(channel.state.lastMessage.createdAt))
+                              .length ==
+                          channel.memberCount - 1,
+                    ),
+                  );
+                }
+                return SizedBox();
+              },
             ),
-        ],
+            _buildDate(context),
-      ),
+          ],
-      subtitle: Row(
+        ),
-        mainAxisAlignment: MainAxisAlignment.spaceBetween,
-        children: <Widget>[
-          Flexible(child: _buildSubtitle(context)),
-          Builder(
-            builder: (context) {
-              if (channel.state.lastMessage?.user?.id ==
-                  StreamChat.of(context).user.id) {
-                return Padding(
-                  padding: const EdgeInsets.only(right: 4.0),
-                  child: SendingIndicator(
-                    message: channel.state.lastMessage,
-                    allRead: channel.state.read
-                            .where((element) => element.lastRead
-                                .isAfter(channel.state.lastMessage.createdAt))
-                            .length ==
-                        channel.memberCount - 1,
-                  ),
-                );
-              }
-              return SizedBox();
-            },
-          ),
-          _buildDate(context),
-        ],
       ),
     );
   }
@@ -129,15 +134,35 @@ class ChannelPreview extends StatelessWidget {
   }
 
   Widget _buildSubtitle(BuildContext context) {
+    if (channel.isMuted) {
+      return Row(
+        crossAxisAlignment: CrossAxisAlignment.end,
+        children: <Widget>[
+          Icon(
+            LineAwesomeIcons.volume_off,
+            size: 15,
+          ),
+          Text(
+            'Channel is muted',
+            style: StreamChatTheme.of(context)
+                .channelPreviewTheme
+                .subtitle
+                .copyWith(
+                  color: StreamChatTheme.of(context)
+                      .channelPreviewTheme
+                      .subtitle
+                      .color,
+                ),
+          ),
+        ],
+      );
+    }
     return TypingIndicator(
       channel: channel,
       alternativeWidget: _buildLastMessage(context),
       style: StreamChatTheme.of(context).channelPreviewTheme.subtitle.copyWith(
-            color: StreamChatTheme.of(context)
+            color:
-                .channelPreviewTheme
+                StreamChatTheme.of(context).channelPreviewTheme.subtitle.color,
-                .subtitle
-                .color
-                .withOpacity(0.5),
           ),
     );
   }
@@ -186,8 +211,7 @@ class ChannelPreview extends StatelessWidget {
                     color: StreamChatTheme.of(context)
                         .channelPreviewTheme
                         .subtitle
-                        .color
+                        .color,
-                        .withOpacity(0.5),
                     fontStyle: (lastMessage.isSystem || lastMessage.isDeleted)
                         ? FontStyle.italic
                         : FontStyle.normal,

lib/src/stream_chat_theme.dart

@@ -231,7 +231,7 @@ class StreamChatThemeData {
         ),
         subtitle: TextStyle(
           fontSize: 12.5,
-          color: isDark ? Colors.white : Colors.black,
+          color: (isDark ? Colors.white : Colors.black).withOpacity(0.5),
         ),
         lastMessageAt: TextStyle(
           fontSize: 11,