subscription_list: Show muted streams as faded in streams list

Fixes: zulip#424

Author: Khader-1

lib/widgets/subscription_list.dart

@@ -210,36 +210,39 @@ class SubscriptionItem extends StatelessWidget {
             MessageListPage.buildRoute(context: context,
               narrow: StreamNarrow(subscription.streamId)));
         },
-        child: Row(crossAxisAlignment: CrossAxisAlignment.center, children: [
-          const SizedBox(width: 16),
-          Padding(
-            padding: const EdgeInsets.symmetric(vertical: 11),
-            child: Icon(size: 18, color: swatch.iconOnPlainBackground,
-              iconDataForStream(subscription))),
-          const SizedBox(width: 5),
-          Expanded(
-            child: Padding(
-              padding: const EdgeInsets.symmetric(vertical: 10),
-              // TODO(design): unclear whether bold text is applied to all subscriptions
-              //   or only those with unreads:
-              //   https://github.com/zulip/zulip-flutter/pull/397#pullrequestreview-1742524205
-              child: Text(
-                style: const TextStyle(
-                  fontSize: 18,
-                  height: (20 / 18),
-                  // TODO(#95) need dark-theme color
-                  color: Color(0xFF262626),
-                ).merge(weightVariableTextStyle(context,
-                    wght: hasUnreads ? 600 : null)),
-                maxLines: 1,
-                overflow: TextOverflow.ellipsis,
-                subscription.name))),
-          if (unreadCount > 0) ...[
-            const SizedBox(width: 12),
-            // TODO(#384) show @-mention indicator when it applies
-            UnreadCountBadge(count: unreadCount, backgroundColor: swatch, bold: true),
-          ],
-          const SizedBox(width: 16),
-        ])));
+        child: Opacity(
+          opacity: subscription.isMuted ? 0.55 : 1,
+          child: Row(crossAxisAlignment: CrossAxisAlignment.center, children: [
+            const SizedBox(width: 16),
+            Padding(
+              padding: const EdgeInsets.symmetric(vertical: 11),
+              child: Icon(size: 18, color: swatch.iconOnPlainBackground,
+                iconDataForStream(subscription))),
+            const SizedBox(width: 5),
+            Expanded(
+              child: Padding(
+                padding: const EdgeInsets.symmetric(vertical: 10),
+                // TODO(design): unclear whether bold text is applied to all subscriptions
+                //   or only those with unreads:
+                //   https://github.com/zulip/zulip-flutter/pull/397#pullrequestreview-1742524205
+                child: Text(
+                  style: const TextStyle(
+                    fontSize: 18,
+                    height: (20 / 18),
+                    // TODO(#95) need dark-theme color
+                    color: Color(0xFF262626),
+                  ).merge(weightVariableTextStyle(context,
+                      wght: hasUnreads ? 600 : null)),
+                  maxLines: 1,
+                  overflow: TextOverflow.ellipsis,
+                  subscription.name))),
+            if (unreadCount > 0) ...[
+              const SizedBox(width: 12),
+              // TODO(#384) show @-mention indicator when it applies
+              UnreadCountBadge(count: unreadCount, backgroundColor: swatch, bold: true),
+            ],
+            const SizedBox(width: 16),
+          ]),
+        )));
   }
 }

test/widgets/subscription_list_test.dart

@@ -190,4 +190,41 @@ void main() {
     check(tester.widget<UnreadCountBadge>(find.byType(UnreadCountBadge)).backgroundColor)
       .equals(swatch);
   });
+
+  testWidgets('muted streams are displayed as faded', (tester) async {
+    final stream = eg.stream(name: 'Channel 1');
+    final stream2 = eg.stream(streamId: 2, name: 'Channel 2');
+    final unreadMsgs = eg.unreadMsgs(streams: [
+      UnreadStreamSnapshot(streamId: stream.streamId, topic: 'a', unreadMessageIds: [1, 2]),
+      UnreadStreamSnapshot(streamId: stream2.streamId, topic: 'b', unreadMessageIds: [3]),
+    ]);
+    await setupStreamListPage(tester,
+      subscriptions: [
+        eg.subscription(stream, isMuted: true),
+        eg.subscription(stream2, isMuted: false)
+      ],
+      userTopics: [
+        UserTopicItem(
+          streamId: stream.streamId,
+          topicName: 'a',
+          lastUpdated: 1234567890,
+          visibilityPolicy: UserTopicVisibilityPolicy.unmuted,
+        ),
+        UserTopicItem(
+          streamId: stream2.streamId,
+          topicName: 'b',
+          lastUpdated: 1234567890,
+          visibilityPolicy: UserTopicVisibilityPolicy.unmuted,
+        ),
+      ],
+      unreadMsgs: unreadMsgs);
+
+    final channel1Finder = find.text('Channel 1');
+    final channel1Opacity = tester.widget<Opacity>(find.ancestor(of: channel1Finder, matching: find.byType(Opacity))).opacity;
+    check(channel1Opacity).isLessThan(1.0);
+
+    final channel2Finder = find.text('Channel 2');
+    final channel2Opacity = tester.widget<Opacity>(find.ancestor(of: channel2Finder, matching: find.byType(Opacity))).opacity;
+    check(channel2Opacity).equals(1.0);
+  });
 }