From 97854a8cd209e853961e994b1d31016128541ae8 Mon Sep 17 00:00:00 2001
From: dblythy <daniel-blyth@live.com.au>
Date: Wed, 14 Sep 2022 19:12:42 +1000
Subject: [PATCH 1/3] feat: add column name to related records

---
 src/components/BrowserCell/BrowserCell.react.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/BrowserCell/BrowserCell.react.js b/src/components/BrowserCell/BrowserCell.react.js
index f038ba03f6..f78eff9e2f 100644
--- a/src/components/BrowserCell/BrowserCell.react.js
+++ b/src/components/BrowserCell/BrowserCell.react.js
@@ -335,7 +335,7 @@ export default class BrowserCell extends Component {
         cl.forEach((column, field) => {
           if (column.targetClass !== pointerClassName) { return; }
           relatedRecordsMenuItem.items.push({
-            text: className, callback: () => {
+            text: `${className} - ${field}`, callback: () => {
               let relatedObject = value;
               if (this.props.field === 'objectId') {
                 relatedObject = new Parse.Object(pointerClassName);

From 89cad048eaf808a9d1094467c269688c06a62889 Mon Sep 17 00:00:00 2001
From: dblythy <daniel-blyth@live.com.au>
Date: Sat, 17 Sep 2022 17:54:10 +1000
Subject: [PATCH 2/3] change color

---
 src/components/BrowserCell/BrowserCell.react.js | 2 +-
 src/components/ContextMenu/ContextMenu.react.js | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/BrowserCell/BrowserCell.react.js b/src/components/BrowserCell/BrowserCell.react.js
index f78eff9e2f..faaa5011db 100644
--- a/src/components/BrowserCell/BrowserCell.react.js
+++ b/src/components/BrowserCell/BrowserCell.react.js
@@ -335,7 +335,7 @@ export default class BrowserCell extends Component {
         cl.forEach((column, field) => {
           if (column.targetClass !== pointerClassName) { return; }
           relatedRecordsMenuItem.items.push({
-            text: `${className} - ${field}`, callback: () => {
+            text: `${className}`, subtext: `${field}`, callback: () => {
               let relatedObject = value;
               if (this.props.field === 'objectId') {
                 relatedObject = new Parse.Object(pointerClassName);
diff --git a/src/components/ContextMenu/ContextMenu.react.js b/src/components/ContextMenu/ContextMenu.react.js
index 64687510b5..d9e423c59b 100644
--- a/src/components/ContextMenu/ContextMenu.react.js
+++ b/src/components/ContextMenu/ContextMenu.react.js
@@ -75,6 +75,7 @@ const MenuSection = ({ level, items, path, setPath, hide }) => {
             }}
           >
             {item.text}
+            {item.subtext && <span style={{color: '#A2A6B1'}}> - {item.subtext}</span>}
           </li>
         );
     })}

From 9c2e21cb95e158f49a8e709dc9ac4956d44b2c03 Mon Sep 17 00:00:00 2001
From: dblythy <daniel-blyth@live.com.au>
Date: Sat, 17 Sep 2022 20:17:15 +1000
Subject: [PATCH 3/3] refactor

---
 src/components/ContextMenu/ContextMenu.react.js | 2 +-
 src/components/ContextMenu/ContextMenu.scss     | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/ContextMenu/ContextMenu.react.js b/src/components/ContextMenu/ContextMenu.react.js
index d9e423c59b..6c00376ae1 100644
--- a/src/components/ContextMenu/ContextMenu.react.js
+++ b/src/components/ContextMenu/ContextMenu.react.js
@@ -75,7 +75,7 @@ const MenuSection = ({ level, items, path, setPath, hide }) => {
             }}
           >
             {item.text}
-            {item.subtext && <span style={{color: '#A2A6B1'}}> - {item.subtext}</span>}
+            {item.subtext && <span> - {item.subtext}</span>}
           </li>
         );
     })}
diff --git a/src/components/ContextMenu/ContextMenu.scss b/src/components/ContextMenu/ContextMenu.scss
index f4fae68bab..78278cd828 100644
--- a/src/components/ContextMenu/ContextMenu.scss
+++ b/src/components/ContextMenu/ContextMenu.scss
@@ -17,6 +17,9 @@
 		cursor: pointer;
 		white-space: nowrap;
 		padding: 0 30px 0 10px;
+		span {
+			color: #A2A6B1
+		}
 	}
 
 	li:hover {