diff --git a/ui/src/components/topology/graph-node-info.js b/ui/src/components/topology/graph-node-info.js index a715030e..c3c65f6d 100644 --- a/ui/src/components/topology/graph-node-info.js +++ b/ui/src/components/topology/graph-node-info.js @@ -32,10 +32,14 @@ const GraphNodeInfo = ({ return ( - - {`${dcs} inst.`} - - {`${instances} DCs`} + + + + {`${dcs} inst.`} + + + + {`${instances} DCs`} ); }; diff --git a/ui/src/components/topology/graph-node.js b/ui/src/components/topology/graph-node.js index 30d4ee25..30cd7d80 100644 --- a/ui/src/components/topology/graph-node.js +++ b/ui/src/components/topology/graph-node.js @@ -2,6 +2,7 @@ const React = require('react'); const Styled = require('styled-components'); const PropTypes = require('./prop-types'); const GraphNodeButton = require('./graph-node-button'); +const GraphNodeInfo = require('./graph-node-info'); const GraphNodeMetrics = require('./graph-node-metrics'); const HeartIcon = require( @@ -68,6 +69,10 @@ const GraphNode = ({ }; const paddingLeft = 18-halfWidth; + const infoPosition = { + x: paddingLeft, + y: 59 - halfHeight, + }; const metricsPosition = { x: paddingLeft, y: 89 - halfHeight @@ -114,6 +119,10 @@ const GraphNode = ({ buttonRect={buttonRect} onButtonClick={onButtonClick} /> + { + // console.log('SIMULATION TICK'); this.forceUpdate(); }) .on('end', () => { // console.log('SIMULATION END'); + // this.forceUpdate(); }); return {