Add "mark as read" action

SchildiChat · Nov 17, 2021 · d6ec5c4 · d6ec5c4
1 parent 80667a6
commit d6ec5c4
Showing 1 changed file with 22 additions and 0 deletions.
diff --git a/src/components/views/rooms/RoomTile.tsx b/src/components/views/rooms/RoomTile.tsx
@@ -293,6 +293,23 @@ export default class RoomTile extends React.PureComponent<IProps, IState> {
         this.setState({ generalMenuPosition: null }); // hide the menu
     };
 
+    private onMarkReadClick = (ev: ButtonEvent) => {
+        ev.preventDefault();
+        ev.stopPropagation();
+        // Clear manually marked as unread
+        const markUnreadEnabled = SettingsStore.getValue("feature_mark_unread");
+        if (markUnreadEnabled) {
+            setRoomMarkedAsUnread(this.props.room, false);
+        }
+        // Update read receipt
+        const events = this.props.room.getLiveTimeline().getEvents();
+        if (events.length) {
+            // noinspection JSIgnoredPromiseFromCall
+            MatrixClientPeg.get().sendReadReceipt(events[events.length - 1]);
+        }
+        this.setState({ generalMenuPosition: null }); // hide the menu
+    };
+
     private onTagRoom = (ev: ButtonEvent, tagId: TagID) => {
         ev.preventDefault();
         ev.stopPropagation();
@@ -512,6 +529,11 @@ export default class RoomTile extends React.PureComponent<IProps, IState> {
                         label={_t("Mark as unread")}
                         iconClassName="mx_RoomTile_markAsUnread"
                     />) : null }
+                    {(markUnreadEnabled && isUnread) ? (<IconizedContextMenuOption
+                        onClick={this.onMarkReadClick}
+                        label={_t("Mark as read")}
+                        iconClassName="mx_RoomTile_markAsRead"
+                    />) : null }
                     <IconizedContextMenuCheckbox
                         onClick={(e) => this.onTagRoom(e, DefaultTagID.Favourite)}
                         active={isFavorite}