github/weave-scope
1
0
Fork 0
mirror of https://github.com/weaveworks/scope.git synced 2026-07-19 13:29:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

add row keys to keep react happy

Browse Source
This commit is contained in:
David Kaltschmidt
2015-09-02 18:05:26 +02:00
parent 9b8a314742
commit 3fd98df8ac
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/app/scripts/components/node-details-table.js
View File

@@ -13,7 +13,7 @@ const NodeDetailsTable = React.createClass({
{this.props.rows.map(function(row) {
return (
<div className="node-details-table-row">
<div className="node-details-table-row" key={row.key + row.value_major}>
<div className="node-details-table-row-key truncate" title={row.key}>{row.key}</div>
{isNumeric && <div className="node-details-table-row-value-scalar">{row.value_major}</div>}
{isNumeric && <div className="node-details-table-row-value-unit">{row.value_minor}</div>}

4
client/app/scripts/components/node-details.js
View File

@@ -1,3 +1,4 @@
const _ = require('lodash');
const React = require('react');
const NodeDetailsTable = require('./node-details-table');
@@ -74,7 +75,8 @@ const NodeDetails = React.createClass({
<div className="node-details-content">
{details.tables.map(function(table) {
return <NodeDetailsTable title={table.title} rows={table.rows} isNumeric={table.numeric} />;
const key = _.snakeCase(table.title);
return <NodeDetailsTable title={table.title} key={key} rows={table.rows} isNumeric={table.numeric} />;
})}
</div>
</div>