Add jump to related event context menu item (#6775)

matrix-org · May 19, 2022 · 3f2f839 · 3f2f839
1 parent 82169ab
commit 3f2f839
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 0 deletions.
diff --git a/res/css/views/context_menus/_MessageContextMenu.scss b/res/css/views/context_menus/_MessageContextMenu.scss
@@ -109,4 +109,8 @@ limitations under the License.
     .mx_MessageContextMenu_iconViewInRoom::before {
         mask-image: url('$(res)/img/element-icons/view-in-room.svg');
     }
+
+    .mx_MessageContextMenu_jumpToEvent::before {
+        mask-image: url('$(res)/img/element-icons/left-arrow.svg');
+    }
 }
diff --git a/res/img/element-icons/left-arrow.svg b/res/img/element-icons/left-arrow.svg
diff --git a/src/components/views/context_menus/MessageContextMenu.tsx b/src/components/views/context_menus/MessageContextMenu.tsx
@@ -155,6 +155,15 @@ export default class MessageContextMenu extends React.Component<IProps, IState>
         this.closeMenu();
     };
 
+    private onJumpToRelatedEventClick = (relatedEventId: string): void => {
+        dis.dispatch({
+            action: "view_room",
+            room_id: this.props.mxEvent.getRoomId(),
+            event_id: relatedEventId,
+            highlighted: true,
+        });
+    };
+
     private onReportEventClick = (): void => {
         dis.dispatch<OpenReportEventDialogPayload>({
             action: Action.OpenReportEventDialog,
@@ -488,6 +497,18 @@ export default class MessageContextMenu extends React.Component<IProps, IState>
             );
         }
 
+        let jumpToRelatedEventButton: JSX.Element;
+        const relatedEventId = mxEvent.getWireContent()?.["m.relates_to"]?.event_id;
+        if (relatedEventId) {
+            jumpToRelatedEventButton = (
+                <IconizedContextMenuOption
+                    iconClassName="mx_MessageContextMenu_jumpToEvent"
+                    label={_t("View related event")}
+                    onClick={() => this.onJumpToRelatedEventClick(relatedEventId)}
+                />
+            );
+        }
+
         let reportEventButton: JSX.Element;
         if (mxEvent.getSender() !== me) {
             reportEventButton = (
@@ -608,6 +629,7 @@ export default class MessageContextMenu extends React.Component<IProps, IState>
                 { permalinkButton }
                 { reportEventButton }
                 { externalURLButton }
+                { jumpToRelatedEventButton }
                 { unhidePreviewButton }
                 { viewSourceButton }
                 { resendReactionsButton }

diff --git a/src/i18n/strings/en_EN.json b/src/i18n/strings/en_EN.json
@@ -2922,6 +2922,7 @@
     "Show preview": "Show preview",
     "Source URL": "Source URL",
     "Collapse reply thread": "Collapse reply thread",
+    "View related event": "View related event",
     "Report": "Report",
     "Copy link": "Copy link",
     "Forget": "Forget",