feat: add column name to related records (#2264)

parse-community · Sep 17, 2022 · cc82533 · cc82533
1 parent d11c680
commit cc82533
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git 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}`, 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
@@ -75,6 +75,7 @@ const MenuSection = ({ level, items, path, setPath, hide }) => {
  }}
  >
  {item.text}
+ {item.subtext && <span> - {item.subtext}</span>}
  </li>
  );
  })}

diff --git 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 {