View subscribers of a channel

assets/l10n/app_en.arb

@@ -116,6 +116,10 @@
   "@subscribeFailedTitle": {
     "description": "Error title when subscribing to a channel failed."
   },
+  "actionSheetOptionViewChannelMembers": "View channel members",
+  "@actionSheetOptionViewChannelMembers": {
+    "description": "Label for navigating to a channel's members page."
+  },
   "actionSheetOptionMarkChannelAsRead": "Mark channel as read",
   "@actionSheetOptionMarkChannelAsRead": {
     "description": "Label for marking a channel as read."

lib/api/route/channels.dart

@@ -127,3 +127,25 @@ Future<void> updateUserTopic(ApiConnection connection, {
     'visibility_policy': visibilityPolicy,
   });
 }
+
+/// https://zulip.com/api/get-subscribers
+Future<GetSubscribersResult> getSubscribers(ApiConnection connection, {
+  required int streamId,
+}) {
+  return connection.get('getSubscribers', GetSubscribersResult.fromJson,
+    'streams/$streamId/members', null);
+}
+
+@JsonSerializable(fieldRename: FieldRename.snake)
+class GetSubscribersResult {
+  final List<int> subscribers;
+
+  GetSubscribersResult({
+    required this.subscribers,
+  });
+
+  factory GetSubscribersResult.fromJson(Map<String, dynamic> json) =>
+    _$GetSubscribersResultFromJson(json);
+
+  Map<String, dynamic> toJson() => _$GetSubscribersResultToJson(this);
+}

lib/generated/l10n/zulip_localizations.dart

@@ -305,6 +305,12 @@ abstract class ZulipLocalizations {
   /// **'Failed to subscribe'**
   String get subscribeFailedTitle;
 
+  /// Label for navigating to a channel's members page.
+  ///
+  /// In en, this message translates to:
+  /// **'View channel members'**
+  String get actionSheetOptionViewChannelMembers;
+
   /// Label for marking a channel as read.
   ///
   /// In en, this message translates to:

lib/generated/l10n/zulip_localizations_ar.dart

@@ -103,6 +103,9 @@ class ZulipLocalizationsAr extends ZulipLocalizations {
   @override
   String get subscribeFailedTitle => 'Failed to subscribe';
 
+  @override
+  String get actionSheetOptionViewChannelMembers => 'View channel members';
+
   @override
   String get actionSheetOptionMarkChannelAsRead => 'Mark channel as read';
 

lib/generated/l10n/zulip_localizations_de.dart

@@ -104,6 +104,9 @@ class ZulipLocalizationsDe extends ZulipLocalizations {
   @override
   String get subscribeFailedTitle => 'Konnte nicht abonnieren';
 
+  @override
+  String get actionSheetOptionViewChannelMembers => 'View channel members';
+
   @override
   String get actionSheetOptionMarkChannelAsRead =>
       'Kanal als gelesen markieren';

lib/generated/l10n/zulip_localizations_en.dart

@@ -103,6 +103,9 @@ class ZulipLocalizationsEn extends ZulipLocalizations {
   @override
   String get subscribeFailedTitle => 'Failed to subscribe';
 
+  @override
+  String get actionSheetOptionViewChannelMembers => 'View channel members';
+
   @override
   String get actionSheetOptionMarkChannelAsRead => 'Mark channel as read';
 

lib/generated/l10n/zulip_localizations_fr.dart

@@ -105,6 +105,9 @@ class ZulipLocalizationsFr extends ZulipLocalizations {
   @override
   String get subscribeFailedTitle => 'Failed to subscribe';
 
+  @override
+  String get actionSheetOptionViewChannelMembers => 'View channel members';
+
   @override
   String get actionSheetOptionMarkChannelAsRead => 'Marquer le canal comme lu';
 

lib/generated/l10n/zulip_localizations_it.dart

@@ -104,6 +104,9 @@ class ZulipLocalizationsIt extends ZulipLocalizations {
   @override
   String get subscribeFailedTitle => 'Iscrizione non riuscita';
 
+  @override
+  String get actionSheetOptionViewChannelMembers => 'View channel members';
+
   @override
   String get actionSheetOptionMarkChannelAsRead => 'Segna il canale come letto';
 

lib/generated/l10n/zulip_localizations_ja.dart

@@ -102,6 +102,9 @@ class ZulipLocalizationsJa extends ZulipLocalizations {
   @override
   String get subscribeFailedTitle => 'チャンネルへの参加に失敗しました';
 
+  @override
+  String get actionSheetOptionViewChannelMembers => 'View channel members';
+
   @override
   String get actionSheetOptionMarkChannelAsRead => 'チャンネルを既読にする';
 

lib/generated/l10n/zulip_localizations_nb.dart

@@ -103,6 +103,9 @@ class ZulipLocalizationsNb extends ZulipLocalizations {
   @override
   String get subscribeFailedTitle => 'Failed to subscribe';
 
+  @override
+  String get actionSheetOptionViewChannelMembers => 'View channel members';
+
   @override
   String get actionSheetOptionMarkChannelAsRead => 'Mark channel as read';
 

lib/generated/l10n/zulip_localizations_pl.dart

@@ -104,6 +104,9 @@ class ZulipLocalizationsPl extends ZulipLocalizations {
   @override
   String get subscribeFailedTitle => 'Subskrypcja bez powodzenia';
 
+  @override
+  String get actionSheetOptionViewChannelMembers => 'View channel members';
+
   @override
   String get actionSheetOptionMarkChannelAsRead =>
       'Oznacz kanał jako przeczytany';

lib/generated/l10n/zulip_localizations_ru.dart

@@ -104,6 +104,9 @@ class ZulipLocalizationsRu extends ZulipLocalizations {
   @override
   String get subscribeFailedTitle => 'Подписаться не удалось';
 
+  @override
+  String get actionSheetOptionViewChannelMembers => 'View channel members';
+
   @override
   String get actionSheetOptionMarkChannelAsRead =>
       'Отметить канал как прочитанный';

lib/generated/l10n/zulip_localizations_sk.dart

@@ -103,6 +103,9 @@ class ZulipLocalizationsSk extends ZulipLocalizations {
   @override
   String get subscribeFailedTitle => 'Failed to subscribe';
 
+  @override
+  String get actionSheetOptionViewChannelMembers => 'View channel members';
+
   @override
   String get actionSheetOptionMarkChannelAsRead => 'Mark channel as read';
 

lib/generated/l10n/zulip_localizations_sl.dart

@@ -103,6 +103,9 @@ class ZulipLocalizationsSl extends ZulipLocalizations {
   @override
   String get subscribeFailedTitle => 'Naročnina ni uspela';
 
+  @override
+  String get actionSheetOptionViewChannelMembers => 'View channel members';
+
   @override
   String get actionSheetOptionMarkChannelAsRead => 'Označi kanal kot prebran';
 

lib/generated/l10n/zulip_localizations_uk.dart

@@ -105,6 +105,9 @@ class ZulipLocalizationsUk extends ZulipLocalizations {
   @override
   String get subscribeFailedTitle => 'Не вдалося підписатися';
 
+  @override
+  String get actionSheetOptionViewChannelMembers => 'View channel members';
+
   @override
   String get actionSheetOptionMarkChannelAsRead =>
       'Позначити канал як прочитаний';

lib/generated/l10n/zulip_localizations_zh.dart

@@ -103,6 +103,9 @@ class ZulipLocalizationsZh extends ZulipLocalizations {
   @override
   String get subscribeFailedTitle => 'Failed to subscribe';
 
+  @override
+  String get actionSheetOptionViewChannelMembers => 'View channel members';
+
   @override
   String get actionSheetOptionMarkChannelAsRead => 'Mark channel as read';
 

lib/widgets/action_sheet.dart

@@ -19,6 +19,7 @@ import '../model/internal_link.dart';
 import '../model/narrow.dart';
 import 'actions.dart';
 import 'button.dart';
+import 'channel_subscribers.dart';
 import 'color.dart';
 import 'compose_box.dart';
 import 'content.dart';
@@ -504,6 +505,7 @@ void showChannelActionSheet(BuildContext context, {
         && channel != null && store.selfHasContentAccess(channel))
       [SubscribeButton(pageContext: pageContext, channelId: channelId)],
     [
+      ChannelMembersButton(pageContext: pageContext, channelId: channelId),
       if (unreadCount > 0)
         MarkChannelAsReadButton(pageContext: pageContext, channelId: channelId),
       if (showTopicListButton)
@@ -580,6 +582,26 @@ class MarkChannelAsReadButton extends ActionSheetMenuItemButton {
   }
 }
 
+class ChannelMembersButton extends ActionSheetMenuItemButton {
+  const ChannelMembersButton({super.key, required this.channelId, required super.pageContext});
+
+  final int channelId;
+
+  @override
+  IconData get icon => ZulipIcons.two_person;
+
+  @override
+  String label(ZulipLocalizations zulipLocalizations) {
+    return zulipLocalizations.actionSheetOptionViewChannelMembers;
+  }
+
+  @override
+  void onPressed() {
+    Navigator.push(pageContext,
+      ChannelMembersPage.buildRoute(context: pageContext, streamId: channelId));
+  }
+}
+
 class TopicListButton extends ActionSheetMenuItemButton {
   const TopicListButton({
     super.key,