diff options
Diffstat (limited to 'web/src/js/components')
-rw-r--r-- | web/src/js/components/flowtable-columns.jsx.js | 11 | ||||
-rw-r--r-- | web/src/js/components/flowtable.jsx.js | 7 |
2 files changed, 13 insertions, 5 deletions
diff --git a/web/src/js/components/flowtable-columns.jsx.js b/web/src/js/components/flowtable-columns.jsx.js index 88e0cf22..b7db71b7 100644 --- a/web/src/js/components/flowtable-columns.jsx.js +++ b/web/src/js/components/flowtable-columns.jsx.js @@ -10,11 +10,12 @@ var TLSColumn = React.createClass({ render: function(){ var flow = this.props.flow; var ssl = (flow.request.scheme == "https"); - var classes = React.addons.classSet({ - "col-tls": true, - "col-tls-https": ssl, - "col-tls-http": !ssl - }); + var classes; + if(ssl){ + classes = "col-tls col-tls-https"; + } else { + classes = "col-tls col-tls-http"; + } return <td className={classes}></td>; } }); diff --git a/web/src/js/components/flowtable.jsx.js b/web/src/js/components/flowtable.jsx.js index 146d5264..fc4d8fbc 100644 --- a/web/src/js/components/flowtable.jsx.js +++ b/web/src/js/components/flowtable.jsx.js @@ -14,6 +14,13 @@ var FlowRow = React.createClass({ <tr className={className} onClick={this.props.selectFlow.bind(null, flow)}> {columns} </tr>); + }, + shouldComponentUpdate: function(nextProps){ + var isEqual = ( + this.props.columns.length === nextProps.columns.length && + this.props.selected === nextProps.selected && + this.props.flow.response === nextProps.flow.response); + return !isEqual; } }); |