wip

Author: Khader-1

assets/l10n/app_en.arb

@@ -47,6 +47,10 @@
   "@actionSheetOptionCopy":  {
     "description": "Label for copy message text button on action sheet."
   },
+  "actionSheetMarkAsUnread": "Mark as unread from here",
+  "@actionSheetMarkAsUnread":  {
+    "description": "Label for mark as unread button on action sheet."
+  },
   "actionSheetOptionShare": "Share",
   "@actionSheetOptionShare":  {
     "description": "Label for share button on action sheet."

lib/api/model/model.dart

@@ -504,6 +504,18 @@ sealed class Message {
     return list.map((raw) => MessageFlag.fromRawString(raw as String)).toList();
   }
 
+  bool isOnSameNarrowAs(Message other) {
+    if (this is StreamMessage) {
+      return other is StreamMessage
+        && other.streamId == (this as StreamMessage).streamId
+        && other.topic == topic;
+    } else if (this is DmMessage) {
+      return other is DmMessage
+        && other.recipientId == recipientId;
+    }
+    return false;
+  }
+
   Message({
     required this.client,
     required this.content,

lib/model/message_list.dart

@@ -238,6 +238,25 @@ mixin _MessageSequence {
     }
     _updateEndMarkers();
   }
+
+  /// Returns a list of messages that are sent after the given [message].
+  List<Message> getMessagesAfter(Message message) {
+    final messageIndex = _findMessageWithId(message.id);
+    if (messageIndex == -1) {
+      // Message not found in the list, return an empty list.
+      return [];
+    }
+
+    // Return the list of messages after the given message.
+    return messages.sublist(messageIndex + 1);
+  }
+
+  /// Returns a list of messages that are sent after the given [message] on same narrow.
+  List<Message> getNarrowMessagesAfter(Message message) {
+    return getMessagesAfter(message)
+      .where((element) => element.isOnSameNarrowAs(message))
+      .toList();
+  }
 }
 
 @visibleForTesting

lib/widgets/action_sheet.dart

@@ -6,6 +6,7 @@ import 'package:share_plus/share_plus.dart';
 import '../api/exception.dart';
 import '../api/model/model.dart';
 import '../api/route/messages.dart';
+import '../model/message_list.dart';
 import 'clipboard.dart';
 import 'compose_box.dart';
 import 'dialog.dart';
@@ -17,7 +18,7 @@ import 'store.dart';
 /// Show a sheet of actions you can take on a message in the message list.
 ///
 /// Must have a [MessageListPage] ancestor.
-void showMessageActionSheet({required BuildContext context, required Message message}) {
+void showMessageActionSheet({required BuildContext context, required Message message, required MessageListView model}) {
   final store = PerAccountStoreWidget.of(context);
 
   // The UI that's conditioned on this won't live-update during this appearance
@@ -45,6 +46,7 @@ void showMessageActionSheet({required BuildContext context, required Message mes
           messageListContext: context,
         ),
         CopyButton(message: message, messageListContext: context),
+        MarkAsUnread(message: message, messageListContext: context, model: model),
       ]);
     });
 }
@@ -366,3 +368,34 @@ class CopyButton extends MessageActionSheetMenuItemButton {
       data: ClipboardData(text: rawContent));
   }
 }
+
+class MarkAsUnread extends MessageActionSheetMenuItemButton {
+  MarkAsUnread({
+    super.key,
+    required super.message,
+    required super.messageListContext,
+    required this.model,
+  });
+
+  final MessageListView model;
+
+  @override IconData get icon => Icons.mark_chat_unread_outlined;
+
+  @override
+  String label(ZulipLocalizations zulipLocalizations) {
+    return zulipLocalizations.actionSheetMarkAsUnread;
+  }
+
+  @override void onPressed(BuildContext context) async {
+    Navigator.of(context).pop();
+    final ids = [
+      message.id,
+      ...model.getNarrowMessagesAfter(message).map((e) => e.id)];
+
+    try {
+      final connection = PerAccountStoreWidget.of(messageListContext).connection;
+      await updateMessageFlags(connection, messages: ids,
+        op: UpdateMessageFlagsOp.remove, flag: MessageFlag.read);
+    } catch (e) {}
+  }
+}

lib/widgets/message_list.dart

@@ -397,6 +397,7 @@ class _MessageListState extends State<MessageList> with PerAccountStoreAwareStat
       case MessageListMessageItem():
         final header = RecipientHeader(message: data.message, narrow: widget.narrow);
         return MessageItem(
+          model: model!,
           key: ValueKey(data.message.id),
           header: header,
           trailingWhitespace: i == 1 ? 8 : 11,
@@ -571,12 +572,14 @@ class MessageItem extends StatelessWidget {
     super.key,
     required this.item,
     required this.header,
+    required this.model,
     this.trailingWhitespace,
   });
 
   final MessageListMessageItem item;
   final Widget header;
   final double? trailingWhitespace;
+  final MessageListView model;
 
   @override
   Widget build(BuildContext context) {
@@ -589,7 +592,7 @@ class MessageItem extends StatelessWidget {
         child: ColoredBox(
           color: Colors.white,
           child: Column(children: [
-            MessageWithPossibleSender(item: item),
+            MessageWithPossibleSender(item: item, model: model,),
             if (trailingWhitespace != null && item.isLastInBlock) SizedBox(height: trailingWhitespace!),
           ]))));
   }
@@ -892,9 +895,10 @@ String formatHeaderDate(
 //   - https://github.com/zulip/zulip-mobile/issues/5511
 //   - https://www.figma.com/file/1JTNtYo9memgW7vV6d0ygq/Zulip-Mobile?node-id=538%3A20849&mode=dev
 class MessageWithPossibleSender extends StatelessWidget {
-  const MessageWithPossibleSender({super.key, required this.item});
+  const MessageWithPossibleSender({super.key, required this.item, required this.model});
 
   final MessageListMessageItem item;
+  final MessageListView model;
 
   // TODO(#95) unchanged in dark theme?
   static final _starColor = const HSLColor.fromAHSL(0.5, 47, 1, 0.41).toColor();
@@ -957,7 +961,7 @@ class MessageWithPossibleSender extends StatelessWidget {
 
     return GestureDetector(
       behavior: HitTestBehavior.translucent,
-      onLongPress: () => showMessageActionSheet(context: context, message: message),
+      onLongPress: () => showMessageActionSheet(context: context, message: message, model: model),
       child: Padding(
         padding: const EdgeInsets.symmetric(vertical: 4),
         child: Column(children: [