From 025fb631b7ffd7a870f2e2aaebeb5a46edfef375 Mon Sep 17 00:00:00 2001
From: Travis Ralston <travisr@matrix.org>
Date: Fri, 20 May 2022 08:07:00 -0600
Subject: [PATCH] Update "jump to related event" for design requirements & dev
 tooling (#8652)

---
 res/css/views/context_menus/_MessageContextMenu.scss      | 2 +-
 res/img/element-icons/child-relationship.svg              | 1 +
 res/img/element-icons/left-arrow.svg                      | 1 -
 src/components/views/context_menus/MessageContextMenu.tsx | 2 +-
 4 files changed, 3 insertions(+), 3 deletions(-)
 create mode 100644 res/img/element-icons/child-relationship.svg
 delete mode 100644 res/img/element-icons/left-arrow.svg

diff --git a/res/css/views/context_menus/_MessageContextMenu.scss b/res/css/views/context_menus/_MessageContextMenu.scss
index dde68e8bad..90a1c58ee3 100644
--- a/res/css/views/context_menus/_MessageContextMenu.scss
+++ b/res/css/views/context_menus/_MessageContextMenu.scss
@@ -111,6 +111,6 @@ limitations under the License.
     }
 
     .mx_MessageContextMenu_jumpToEvent::before {
-        mask-image: url('$(res)/img/element-icons/left-arrow.svg');
+        mask-image: url('$(res)/img/element-icons/child-relationship.svg');
     }
 }
diff --git a/res/img/element-icons/child-relationship.svg b/res/img/element-icons/child-relationship.svg
new file mode 100644
index 0000000000..5a848c0d97
--- /dev/null
+++ b/res/img/element-icons/child-relationship.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><rect width="4" height="4" x="2" y="2" fill="#737D8C" rx="1"/><path fill="#737D8C" fill-rule="evenodd" d="M5.5 11.25a.75.75 0 0 1-.75-.75V8a.75.75 0 0 0-1.5 0v2.5a2.25 2.25 0 0 0 2.25 2.25H8a.75.75 0 0 0 0-1.5H5.5Z" clip-rule="evenodd"/><rect width="4" height="4" x="10" y="10" fill="#737D8C" rx="1"/></svg>
\ No newline at end of file
diff --git a/res/img/element-icons/left-arrow.svg b/res/img/element-icons/left-arrow.svg
deleted file mode 100644
index 557efbebd2..0000000000
--- a/res/img/element-icons/left-arrow.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#17191C" fill-rule="evenodd" d="M7.138 3.53c.26.26.26.682 0 .942L4.276 7.334h9.057a.667.667 0 1 1 0 1.333H4.276l2.862 2.862a.667.667 0 0 1-.943.943l-4-4a.667.667 0 0 1 0-.943l4-4c.26-.26.683-.26.943 0Z" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/src/components/views/context_menus/MessageContextMenu.tsx b/src/components/views/context_menus/MessageContextMenu.tsx
index f77ead6f76..725065e95d 100644
--- a/src/components/views/context_menus/MessageContextMenu.tsx
+++ b/src/components/views/context_menus/MessageContextMenu.tsx
@@ -499,7 +499,7 @@ export default class MessageContextMenu extends React.Component<IProps, IState>
 
         let jumpToRelatedEventButton: JSX.Element;
         const relatedEventId = mxEvent.getWireContent()?.["m.relates_to"]?.event_id;
-        if (relatedEventId) {
+        if (relatedEventId && SettingsStore.getValue("developerMode")) {
             jumpToRelatedEventButton = (
                 <IconizedContextMenuOption
                     iconClassName="mx_MessageContextMenu_jumpToEvent"