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 {