diff --git a/client/app/scripts/charts/node-container.js b/client/app/scripts/charts/node-container.js
index a6d0a90a2..f87d89c59 100644
--- a/client/app/scripts/charts/node-container.js
+++ b/client/app/scripts/charts/node-container.js
@@ -13,6 +13,8 @@ import { getNodeColor } from '../utils/color-utils';
import MatchedResults from '../components/matched-results';
import { GRAPH_VIEW_MODE } from '../constants/naming';
+import NodeNetworksOverlay from './node-networks-overlay';
+
class NodeContainer extends React.Component {
saveRef = (ref) => {
this.ref = ref;
@@ -28,6 +30,15 @@ class NodeContainer extends React.Component {
this.props.clickNode(nodeId, this.props.label, this.ref.getBoundingClientRect());
};
+ renderPrependedInfo = () => {
+ const { showingNetworks, networks } = this.props;
+ if (!showingNetworks) return null;
+
+ return (
+
+ );
+ };
+
renderAppendedInfo = () => {
const matchedMetadata = this.props.matches.get('metadata', makeList());
const matchedParents = this.props.matches.get('parents', makeList());
@@ -39,10 +50,11 @@ class NodeContainer extends React.Component {
render() {
const {
- rank, label, pseudo, metric
+ rank, label, pseudo, metric, showingNetworks, networks
} = this.props;
const { hasMetric, height, formattedValue } = getMetricValue(metric);
const metricFormattedValue = !pseudo && hasMetric ? formattedValue : '';
+ const labelOffset = (showingNetworks && networks) ? 10 : 0;
return (
diff --git a/client/app/scripts/charts/node-networks-overlay.js b/client/app/scripts/charts/node-networks-overlay.js
index 0522a83e0..6d57c3426 100644
--- a/client/app/scripts/charts/node-networks-overlay.js
+++ b/client/app/scripts/charts/node-networks-overlay.js
@@ -4,7 +4,6 @@ import { List as makeList } from 'immutable';
import { connect } from 'react-redux';
import { getNetworkColor } from '../utils/color-utils';
-import { NODE_BASE_SIZE } from '../constants/styles';
// Min size is about a quarter of the width, feels about right.
const minBarWidth = 0.25;
@@ -14,7 +13,7 @@ const borderRadius = 0.01;
const offset = 0.67;
const x = scaleBand();
-function NodeNetworksOverlay({ stack, networks = makeList(), contrastMode }) {
+function NodeNetworksOverlay({ networks = makeList() }) {
const barWidth = Math.max(1, minBarWidth * networks.size);
const yPosition = offset - (barHeight * 0.5);
@@ -38,9 +37,8 @@ function NodeNetworksOverlay({ stack, networks = makeList(), contrastMode }) {
/>
));
- const translateY = stack && contrastMode ? 0.15 : 0;
return (
-
+
{bars.toJS()}
);