profile: Distinguish muted users in custom profile fields of type User

Author: sm-sayedi

lib/widgets/profile.dart

@@ -263,6 +263,8 @@ class _UserWidget extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     final store = PerAccountStoreWidget.of(context);
+    final localizations = ZulipLocalizations.of(context);
+    final isMuted = store.isUserMuted(userId);
     return InkWell(
       onTap: () => Navigator.push(context,
         ProfilePage.buildRoute(context: context,
@@ -271,10 +273,12 @@ class _UserWidget extends StatelessWidget {
         padding: const EdgeInsets.all(8),
         child: Row(children: [
           // TODO(#196) render active status
-          Avatar(userId: userId, size: 32, borderRadius: 32 / 8),
+          Avatar(userId: userId, size: 32, borderRadius: 32 / 8,
+            showAsMuted: isMuted),
           const SizedBox(width: 8),
           Expanded(
-            child: Text(store.userDisplayName(userId),
+            child: Text(
+              isMuted ? localizations.mutedUser : store.userDisplayName(userId),
               style: _TextStyles.customProfileFieldText)),
         ])));
   }

test/widgets/profile_test.dart

@@ -1,27 +1,35 @@
 import 'package:checks/checks.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_checks/flutter_checks.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:url_launcher/url_launcher.dart';
 import 'package:zulip/api/model/initial_snapshot.dart';
 import 'package:zulip/api/model/model.dart';
+import 'package:zulip/model/localizations.dart';
 import 'package:zulip/model/narrow.dart';
+import 'package:zulip/model/store.dart';
 import 'package:zulip/widgets/content.dart';
+import 'package:zulip/widgets/icons.dart';
 import 'package:zulip/widgets/message_list.dart';
 import 'package:zulip/widgets/page.dart';
 import 'package:zulip/widgets/profile.dart';
 
 import '../example_data.dart' as eg;
 import '../model/binding.dart';
 import '../model/test_store.dart';
+import '../test_images.dart';
 import '../test_navigation.dart';
 import 'message_list_checks.dart';
 import 'page_checks.dart';
 import 'profile_page_checks.dart';
 import 'test_app.dart';
 
+late PerAccountStore store;
+
 Future<void> setupPage(WidgetTester tester, {
   required int pageUserId,
   List<User>? users,
+  List<int>? mutedUserIds,
   List<CustomProfileField>? customProfileFields,
   Map<String, RealmDefaultExternalAccount>? realmDefaultExternalAccounts,
   NavigatorObserver? navigatorObserver,
@@ -32,12 +40,13 @@ Future<void> setupPage(WidgetTester tester, {
     customProfileFields: customProfileFields,
     realmDefaultExternalAccounts: realmDefaultExternalAccounts);
   await testBinding.globalStore.add(eg.selfAccount, initialSnapshot);
-  final store = await testBinding.globalStore.perAccount(eg.selfAccount.id);
+  store = await testBinding.globalStore.perAccount(eg.selfAccount.id);
 
   await store.addUser(eg.selfUser);
   if (users != null) {
     await store.addUsers(users);
   }
+  await store.muteUsers(mutedUserIds ?? []);
 
   await tester.pumpWidget(TestZulipApp(
     accountId: eg.selfAccount.id,
@@ -276,6 +285,42 @@ void main() {
         .deepEquals([1, 2, 3]);
     });
 
+    testWidgets('page builds; muted user displayed as muted', (tester) async {
+      Finder avatarFinder(String url) => find.descendant(
+        of: find.byType(AvatarShape),
+        matching: find.byWidgetPredicate((widget) => switch(widget) {
+          RealmContentNetworkImage(:final src) => src == store.realmUrl.resolve(url),
+          _ => false,
+        }));
+
+      final users = [
+        eg.user(userId: 1, profileData: {
+          0: ProfileFieldUserData(value: '[2,3]'),
+        }),
+        eg.user(userId: 2, fullName: 'test user2', avatarUrl: '/foo.png'),
+        eg.user(userId: 3, fullName: 'test user3', avatarUrl: '/bar.png'),
+      ];
+
+      prepareBoringImageHttpClient();
+
+      await setupPage(tester,
+        users: users,
+        mutedUserIds: [2],
+        pageUserId: 1,
+        customProfileFields: [mkCustomProfileField(0, CustomProfileFieldType.user)],
+      );
+
+      final localizations = GlobalLocalizations.zulipLocalizations;
+      check(find.text(localizations.mutedUser)).findsOne();
+      check(find.byIcon(ZulipIcons.person)).findsOne();
+      check(avatarFinder('/foo.png')).findsNothing();
+
+      check(find.text('test user3')).findsOne();
+      check(avatarFinder('/bar.png')).findsOne();
+
+      debugNetworkImageHttpClientProvider = null;
+    });
+
     testWidgets('page builds; ensure long name does not overflow', (tester) async {
       final longString = 'X' * 400;
       final user = eg.user(userId: 1, fullName: longString);