compose: Show a Refresh/Subscribe banner when unsubscribed and can't send

assets/l10n/app_en.arb

@@ -502,6 +502,18 @@
   "@errorBannerCannotPostInChannelLabel": {
     "description": "Error-banner text replacing the compose box when you do not have permission to send a message to the channel."
   },
+  "composeBoxBannerLabelUnsubscribedWhenCannotSend": "New messages will not appear automatically.",
+  "@composeBoxBannerLabelUnsubscribedWhenCannotSend": {
+    "description": "Label text for a compose-box banner when you are viewing an unsubscribed channel in which you do not have permission to send messages."
+  },
+  "composeBoxBannerButtonRefresh": "Refresh",
+  "@composeBoxBannerButtonRefresh": {
+    "description": "Label text for the 'Refresh' button in the compose-box banner when you are viewing an unsubscribed channel."
+  },
+  "composeBoxBannerButtonSubscribe": "Subscribe",
+  "@composeBoxBannerButtonSubscribe": {
+    "description": "Label text for the 'Subscribe' button in the compose-box banner when you are viewing an unsubscribed channel."
+  },
   "composeBoxBannerLabelEditMessage": "Edit message",
   "@composeBoxBannerLabelEditMessage": {
     "description": "Label text for the compose-box banner when you are editing a message."

lib/generated/l10n/zulip_localizations.dart

@@ -811,6 +811,24 @@ abstract class ZulipLocalizations {
   /// **'You do not have permission to post in this channel.'**
   String get errorBannerCannotPostInChannelLabel;
 
+  /// Label text for a compose-box banner when you are viewing an unsubscribed channel in which you do not have permission to send messages.
+  ///
+  /// In en, this message translates to:
+  /// **'New messages will not appear automatically.'**
+  String get composeBoxBannerLabelUnsubscribedWhenCannotSend;
+
+  /// Label text for the 'Refresh' button in the compose-box banner when you are viewing an unsubscribed channel.
+  ///
+  /// In en, this message translates to:
+  /// **'Refresh'**
+  String get composeBoxBannerButtonRefresh;
+
+  /// Label text for the 'Subscribe' button in the compose-box banner when you are viewing an unsubscribed channel.
+  ///
+  /// In en, this message translates to:
+  /// **'Subscribe'**
+  String get composeBoxBannerButtonSubscribe;
+
   /// Label text for the compose-box banner when you are editing a message.
   ///
   /// In en, this message translates to:

lib/generated/l10n/zulip_localizations_ar.dart

@@ -425,6 +425,16 @@ class ZulipLocalizationsAr extends ZulipLocalizations {
   String get errorBannerCannotPostInChannelLabel =>
       'You do not have permission to post in this channel.';
 
+  @override
+  String get composeBoxBannerLabelUnsubscribedWhenCannotSend =>
+      'New messages will not appear automatically.';
+
+  @override
+  String get composeBoxBannerButtonRefresh => 'Refresh';
+
+  @override
+  String get composeBoxBannerButtonSubscribe => 'Subscribe';
+
   @override
   String get composeBoxBannerLabelEditMessage => 'Edit message';
 

lib/generated/l10n/zulip_localizations_de.dart

@@ -441,6 +441,16 @@ class ZulipLocalizationsDe extends ZulipLocalizations {
   String get errorBannerCannotPostInChannelLabel =>
       'Du hast keine Berechtigung in diesen Kanal zu schreiben.';
 
+  @override
+  String get composeBoxBannerLabelUnsubscribedWhenCannotSend =>
+      'New messages will not appear automatically.';
+
+  @override
+  String get composeBoxBannerButtonRefresh => 'Refresh';
+
+  @override
+  String get composeBoxBannerButtonSubscribe => 'Subscribe';
+
   @override
   String get composeBoxBannerLabelEditMessage => 'Nachricht bearbeiten';
 

lib/generated/l10n/zulip_localizations_en.dart

@@ -425,6 +425,16 @@ class ZulipLocalizationsEn extends ZulipLocalizations {
   String get errorBannerCannotPostInChannelLabel =>
       'You do not have permission to post in this channel.';
 
+  @override
+  String get composeBoxBannerLabelUnsubscribedWhenCannotSend =>
+      'New messages will not appear automatically.';
+
+  @override
+  String get composeBoxBannerButtonRefresh => 'Refresh';
+
+  @override
+  String get composeBoxBannerButtonSubscribe => 'Subscribe';
+
   @override
   String get composeBoxBannerLabelEditMessage => 'Edit message';
 

lib/generated/l10n/zulip_localizations_fr.dart

@@ -439,6 +439,16 @@ class ZulipLocalizationsFr extends ZulipLocalizations {
   String get errorBannerCannotPostInChannelLabel =>
       'Vous n\'avez pas l\'autorisation de poster sur ce canal.';
 
+  @override
+  String get composeBoxBannerLabelUnsubscribedWhenCannotSend =>
+      'New messages will not appear automatically.';
+
+  @override
+  String get composeBoxBannerButtonRefresh => 'Refresh';
+
+  @override
+  String get composeBoxBannerButtonSubscribe => 'Subscribe';
+
   @override
   String get composeBoxBannerLabelEditMessage => 'Editer le message';
 

lib/generated/l10n/zulip_localizations_it.dart

@@ -435,6 +435,16 @@ class ZulipLocalizationsIt extends ZulipLocalizations {
   String get errorBannerCannotPostInChannelLabel =>
       'Non hai l\'autorizzazione per postare su questo canale.';
 
+  @override
+  String get composeBoxBannerLabelUnsubscribedWhenCannotSend =>
+      'New messages will not appear automatically.';
+
+  @override
+  String get composeBoxBannerButtonRefresh => 'Refresh';
+
+  @override
+  String get composeBoxBannerButtonSubscribe => 'Subscribe';
+
   @override
   String get composeBoxBannerLabelEditMessage => 'Modifica messaggio';
 

lib/generated/l10n/zulip_localizations_ja.dart

@@ -415,6 +415,16 @@ class ZulipLocalizationsJa extends ZulipLocalizations {
   @override
   String get errorBannerCannotPostInChannelLabel => 'このチャンネルに投稿する権限がありません。';
 
+  @override
+  String get composeBoxBannerLabelUnsubscribedWhenCannotSend =>
+      'New messages will not appear automatically.';
+
+  @override
+  String get composeBoxBannerButtonRefresh => 'Refresh';
+
+  @override
+  String get composeBoxBannerButtonSubscribe => 'Subscribe';
+
   @override
   String get composeBoxBannerLabelEditMessage => 'メッセージを編集';
 

lib/generated/l10n/zulip_localizations_nb.dart

@@ -425,6 +425,16 @@ class ZulipLocalizationsNb extends ZulipLocalizations {
   String get errorBannerCannotPostInChannelLabel =>
       'You do not have permission to post in this channel.';
 
+  @override
+  String get composeBoxBannerLabelUnsubscribedWhenCannotSend =>
+      'New messages will not appear automatically.';
+
+  @override
+  String get composeBoxBannerButtonRefresh => 'Refresh';
+
+  @override
+  String get composeBoxBannerButtonSubscribe => 'Subscribe';
+
   @override
   String get composeBoxBannerLabelEditMessage => 'Edit message';
 

lib/generated/l10n/zulip_localizations_pl.dart

@@ -437,6 +437,16 @@ class ZulipLocalizationsPl extends ZulipLocalizations {
   String get errorBannerCannotPostInChannelLabel =>
       'Nie masz uprawnień do dodawania wpisów w tym kanale.';
 
+  @override
+  String get composeBoxBannerLabelUnsubscribedWhenCannotSend =>
+      'New messages will not appear automatically.';
+
+  @override
+  String get composeBoxBannerButtonRefresh => 'Refresh';
+
+  @override
+  String get composeBoxBannerButtonSubscribe => 'Subscribe';
+
   @override
   String get composeBoxBannerLabelEditMessage => 'Zmień wiadomość';
 

lib/generated/l10n/zulip_localizations_ru.dart

@@ -439,6 +439,16 @@ class ZulipLocalizationsRu extends ZulipLocalizations {
   String get errorBannerCannotPostInChannelLabel =>
       'У вас нет права писать в этом канале.';
 
+  @override
+  String get composeBoxBannerLabelUnsubscribedWhenCannotSend =>
+      'New messages will not appear automatically.';
+
+  @override
+  String get composeBoxBannerButtonRefresh => 'Refresh';
+
+  @override
+  String get composeBoxBannerButtonSubscribe => 'Subscribe';
+
   @override
   String get composeBoxBannerLabelEditMessage => 'Редактирование сообщения';
 

lib/generated/l10n/zulip_localizations_sk.dart

@@ -425,6 +425,16 @@ class ZulipLocalizationsSk extends ZulipLocalizations {
   String get errorBannerCannotPostInChannelLabel =>
       'You do not have permission to post in this channel.';
 
+  @override
+  String get composeBoxBannerLabelUnsubscribedWhenCannotSend =>
+      'New messages will not appear automatically.';
+
+  @override
+  String get composeBoxBannerButtonRefresh => 'Refresh';
+
+  @override
+  String get composeBoxBannerButtonSubscribe => 'Subscribe';
+
   @override
   String get composeBoxBannerLabelEditMessage => 'Edit message';
 

lib/generated/l10n/zulip_localizations_sl.dart

@@ -449,6 +449,16 @@ class ZulipLocalizationsSl extends ZulipLocalizations {
   String get errorBannerCannotPostInChannelLabel =>
       'Nimate dovoljenja za objavljanje v tem kanalu.';
 
+  @override
+  String get composeBoxBannerLabelUnsubscribedWhenCannotSend =>
+      'New messages will not appear automatically.';
+
+  @override
+  String get composeBoxBannerButtonRefresh => 'Refresh';
+
+  @override
+  String get composeBoxBannerButtonSubscribe => 'Subscribe';
+
   @override
   String get composeBoxBannerLabelEditMessage => 'Uredi sporočilo';
 

lib/generated/l10n/zulip_localizations_uk.dart

@@ -439,6 +439,16 @@ class ZulipLocalizationsUk extends ZulipLocalizations {
   String get errorBannerCannotPostInChannelLabel =>
       'Ви не маєте дозволу на публікацію в цьому каналі.';
 
+  @override
+  String get composeBoxBannerLabelUnsubscribedWhenCannotSend =>
+      'New messages will not appear automatically.';
+
+  @override
+  String get composeBoxBannerButtonRefresh => 'Refresh';
+
+  @override
+  String get composeBoxBannerButtonSubscribe => 'Subscribe';
+
   @override
   String get composeBoxBannerLabelEditMessage => 'Редагування повідомлення';
 

lib/generated/l10n/zulip_localizations_zh.dart

@@ -425,6 +425,16 @@ class ZulipLocalizationsZh extends ZulipLocalizations {
   String get errorBannerCannotPostInChannelLabel =>
       'You do not have permission to post in this channel.';
 
+  @override
+  String get composeBoxBannerLabelUnsubscribedWhenCannotSend =>
+      'New messages will not appear automatically.';
+
+  @override
+  String get composeBoxBannerButtonRefresh => 'Refresh';
+
+  @override
+  String get composeBoxBannerButtonSubscribe => 'Subscribe';
+
   @override
   String get composeBoxBannerLabelEditMessage => 'Edit message';
 

lib/model/message_list.dart

@@ -622,9 +622,10 @@ class MessageListView with ChangeNotifier, _MessageSequence {
   Narrow get narrow => _narrow;
   Narrow _narrow;
 
-  /// Set [narrow] to [newNarrow], reset, [notifyListeners], and [fetchInitial].
-  void renarrowAndFetch(Narrow newNarrow) {
+  /// Set [narrow] and [anchor], reset, [notifyListeners], and [fetchInitial].
+  void renarrowAndFetch(Narrow newNarrow, Anchor anchor) {
     _narrow = newNarrow;
+    _anchor = anchor;
     _reset();
     notifyListeners();
     fetchInitial();
@@ -1185,7 +1186,8 @@ class MessageListView with ChangeNotifier, _MessageSequence {
     switch (propagateMode) {
       case PropagateMode.changeAll:
       case PropagateMode.changeLater:
-        renarrowAndFetch(newNarrow);
+        // TODO(#1009) anchor to some visible message, if any
+        renarrowAndFetch(newNarrow, anchor);
       case PropagateMode.changeOne:
     }
   }

lib/widgets/action_sheet.dart

@@ -490,27 +490,7 @@ class SubscribeButton extends ActionSheetMenuItemButton {
 
   @override
   void onPressed() async {
-    final store = PerAccountStoreWidget.of(pageContext);
-    final channel = store.streams[channelId];
-    if (channel == null || channel is Subscription) return; // TODO could give feedback
-
-    try {
-      await subscribeToChannel(store.connection, subscriptions: [channel.name]);
-    } catch (e) {
-      if (!pageContext.mounted) return;
-
-      String? errorMessage;
-      switch (e) {
-        case ZulipApiException():
-          errorMessage = e.message;
-          // TODO(#741) specific messages for common errors, like network errors
-          //   (support with reusable code)
-        default:
-      }
-
-      final title = ZulipLocalizations.of(pageContext).subscribeFailedTitle;
-      showErrorDialog(context: pageContext, title: title, message: errorMessage);
-    }
+    await ZulipAction.subscribeToChannel(pageContext, channelId: channelId);
   }
 }
 

lib/widgets/actions.dart

@@ -7,6 +7,7 @@ import '../api/exception.dart';
 import '../api/model/model.dart';
 import '../api/model/narrow.dart';
 import '../api/route/messages.dart';
+import '../api/route/channels.dart' as channels_api;
 import '../generated/l10n/zulip_localizations.dart';
 import '../model/binding.dart';
 import '../model/narrow.dart';
@@ -239,6 +240,32 @@ abstract final class ZulipAction {
 
     return fetchedMessage?.content;
   }
+
+  static Future<void> subscribeToChannel(BuildContext context, {
+    required int channelId,
+  }) async {
+    final store = PerAccountStoreWidget.of(context);
+    final channel = store.streams[channelId];
+    if (channel == null || channel is Subscription) return; // TODO could give feedback
+
+    try {
+      await channels_api.subscribeToChannel(store.connection, subscriptions: [channel.name]);
+    } catch (e) {
+      if (!context.mounted) return;
+
+      String? errorMessage;
+      switch (e) {
+        case ZulipApiException():
+          errorMessage = e.message;
+          // TODO(#741) specific messages for common errors, like network errors
+          //   (support with reusable code)
+        default:
+      }
+
+      final title = ZulipLocalizations.of(context).subscribeFailedTitle;
+      showErrorDialog(context: context, title: title, message: errorMessage);
+    }
+  }
 }
 
 /// Methods that act through platform APIs and show feedback in the UI.

lib/widgets/button.dart

@@ -41,6 +41,18 @@ class ZulipWebUiKitButton extends StatelessWidget {
         });
       case (ZulipWebUiKitButtonAttention.medium, ZulipWebUiKitButtonIntent.neutral):
       case (ZulipWebUiKitButtonAttention.high, ZulipWebUiKitButtonIntent.neutral):
+      case (ZulipWebUiKitButtonAttention.minimal, ZulipWebUiKitButtonIntent.warning):
+        throw UnimplementedError();
+      case (ZulipWebUiKitButtonAttention.medium, ZulipWebUiKitButtonIntent.warning):
+        return WidgetStateColor.fromMap({
+          WidgetState.pressed: designVariables.btnBgAttMediumIntWarningActive,
+          ~WidgetState.pressed: designVariables.btnBgAttMediumIntWarningNormal,
+        });
+      case (ZulipWebUiKitButtonAttention.high, ZulipWebUiKitButtonIntent.warning):
+        return WidgetStateColor.fromMap({
+          WidgetState.pressed: designVariables.btnBgAttHighIntWarningActive,
+          ~WidgetState.pressed: designVariables.btnBgAttHighIntWarningNormal,
+        });
       case (ZulipWebUiKitButtonAttention.minimal, ZulipWebUiKitButtonIntent.info):
         throw UnimplementedError();
       case (ZulipWebUiKitButtonAttention.medium, ZulipWebUiKitButtonIntent.info):
@@ -63,6 +75,12 @@ class ZulipWebUiKitButton extends StatelessWidget {
         return designVariables.neutralButtonLabel.withFadedAlpha(0.85);
       case (ZulipWebUiKitButtonAttention.medium, ZulipWebUiKitButtonIntent.neutral):
       case (ZulipWebUiKitButtonAttention.high, ZulipWebUiKitButtonIntent.neutral):
+      case (ZulipWebUiKitButtonAttention.minimal, ZulipWebUiKitButtonIntent.warning):
+        throw UnimplementedError();
+      case (ZulipWebUiKitButtonAttention.medium, ZulipWebUiKitButtonIntent.warning):
+        return designVariables.btnLabelAttMediumIntWarning;
+      case (ZulipWebUiKitButtonAttention.high, ZulipWebUiKitButtonIntent.warning):
+        return designVariables.btnLabelAttHighIntWarning;
       case (ZulipWebUiKitButtonAttention.minimal, ZulipWebUiKitButtonIntent.info):
         throw UnimplementedError();
       case (ZulipWebUiKitButtonAttention.medium, ZulipWebUiKitButtonIntent.info):
@@ -195,7 +213,7 @@ enum ZulipWebUiKitButtonAttention {
 
 enum ZulipWebUiKitButtonIntent {
   neutral,
-  // warning,
+  warning,
   // danger,
   info,
   // success,