mirror of
https://github.com/weaveworks/scope.git
synced 2026-03-04 10:41:14 +00:00
Refactored mixins into utils ES2015 module exports ES2015-style imports WIP Fixing tests Fixes tests after es2015 code migrations. We we're require()ing an ES2015 module[1]. Have to make sure you account for the .default in this case. [1] We had to use ES5 `require` in Jest: (https://github.com/babel/babel-jest/issues/16)
35 lines
1.2 KiB
JavaScript
35 lines
1.2 KiB
JavaScript
import React from 'react';
|
|
|
|
import NodeDetailsTableRowValue from './node-details-table-row-value';
|
|
import NodeDetailsTableRowNumber from './node-details-table-row-number';
|
|
import NodeDetailsTableRowSparkline from './node-details-table-row-sparkline';
|
|
|
|
export default class NodeDetailsTable extends React.Component {
|
|
render() {
|
|
return (
|
|
<div className="node-details-table">
|
|
<h4 className="node-details-table-title truncate" title={this.props.title}>
|
|
{this.props.title}
|
|
</h4>
|
|
|
|
{this.props.rows.map(function(row) {
|
|
let valueComponent;
|
|
if (row.value_type === 'numeric') {
|
|
valueComponent = <NodeDetailsTableRowNumber row={row} />;
|
|
} else if (row.value_type === 'sparkline') {
|
|
valueComponent = <NodeDetailsTableRowSparkline row={row} />;
|
|
} else {
|
|
valueComponent = <NodeDetailsTableRowValue row={row} />;
|
|
}
|
|
return (
|
|
<div className="node-details-table-row" key={row.key + row.value_major + row.value_minor}>
|
|
<div className="node-details-table-row-key truncate" title={row.key}>{row.key}</div>
|
|
{valueComponent}
|
|
</div>
|
|
);
|
|
})}
|
|
</div>
|
|
);
|
|
}
|
|
}
|