diff --git a/client/app/scripts/components/nodes.js b/client/app/scripts/components/nodes.js index 826cfeaf8..e9632af3c 100644 --- a/client/app/scripts/components/nodes.js +++ b/client/app/scripts/components/nodes.js @@ -67,9 +67,8 @@ class Nodes extends React.Component { } render() { - const { nodes, topologyEmpty, selectedNodeId, gridMode, gridSortBy, - topologiesLoaded, nodesLoaded, topologies, topology, - gridSortedDesc, searchNodeMatches, searchQuery } = this.props; + const { nodes, topologyEmpty, gridMode, topologiesLoaded, nodesLoaded, topologies, + currentTopology } = this.props; const layoutPrecision = getLayoutPrecision(nodes.size); return ( @@ -77,10 +76,11 @@ class Nodes extends React.Component { {this.renderEmptyTopologyError(topologiesLoaded && nodesLoaded && topologyEmpty)} + {gridMode ? !node.get('filtered')), nodesLoaded: state.get('nodesLoaded'), topologies: state.get('topologies'), topologiesLoaded: state.get('topologiesLoaded'), - topology: state.get('currentTopology'), - nodes: state.get('nodes').filter(node => !node.get('filtered')), topologyEmpty: isTopologyEmpty(state), }; } + export default connect( mapStateToProps )(Nodes); diff --git a/client/app/styles/main.less b/client/app/styles/main.less index 92ed77cb9..f7d98859f 100644 --- a/client/app/styles/main.less +++ b/client/app/styles/main.less @@ -298,6 +298,7 @@ h2 { &-error, &-loading { .hideable; + pointer-events: none; position: absolute; left: 50%; top: 50%;