diff options
author | Christopher Speller <crspeller@gmail.com> | 2017-05-18 09:28:18 -0400 |
---|---|---|
committer | GitHub <noreply@github.com> | 2017-05-18 09:28:18 -0400 |
commit | 2bbedd9def2a782f370fb5280994ea0ecbf8a7c7 (patch) | |
tree | c97936580a81c561aa9884d1c414c54bd49d401a /webapp/components/analytics/table_chart.jsx | |
parent | 63e599c43b66f0dd95f7f07c783c40fdaf89e3fb (diff) | |
download | chat-2bbedd9def2a782f370fb5280994ea0ecbf8a7c7.tar.gz chat-2bbedd9def2a782f370fb5280994ea0ecbf8a7c7.tar.bz2 chat-2bbedd9def2a782f370fb5280994ea0ecbf8a7c7.zip |
Updating client dependencies. Switching to yarn. (#6433)
* Updating client dependancies. Switching to using yarn.
* Updating React
* Moving pure components to using function syntax (performance gains with newer react version)
* Updating client dependancies.
* Ignore .yarninstall
* Enabling pre-lockfile because it's the entire point of using yarn.
* Removing old webpack config
* Moving to new prop-types
* Fixing ESLint Errors
* Updating jest snapshots.
* Cleaning up package.json
Diffstat (limited to 'webapp/components/analytics/table_chart.jsx')
-rw-r--r-- | webapp/components/analytics/table_chart.jsx | 90 |
1 files changed, 45 insertions, 45 deletions
diff --git a/webapp/components/analytics/table_chart.jsx b/webapp/components/analytics/table_chart.jsx index e6e210876..408871cb7 100644 --- a/webapp/components/analytics/table_chart.jsx +++ b/webapp/components/analytics/table_chart.jsx @@ -5,57 +5,57 @@ import Constants from 'utils/constants.jsx'; import {Tooltip, OverlayTrigger} from 'react-bootstrap'; +import PropTypes from 'prop-types'; + import React from 'react'; -export default class TableChart extends React.Component { - render() { - return ( - <div className='col-sm-6'> - <div className='total-count recent-active-users'> - <div className='title'> - {this.props.title} - </div> - <div className='content'> - <table> - <tbody> - { - this.props.data.map((item) => { - const tooltip = ( - <Tooltip id={'tip-table-entry-' + item.name}> - {item.tip} - </Tooltip> - ); +export default function TableChart(props) { + return ( + <div className='col-sm-6'> + <div className='total-count recent-active-users'> + <div className='title'> + {props.title} + </div> + <div className='content'> + <table> + <tbody> + { + props.data.map((item) => { + const tooltip = ( + <Tooltip id={'tip-table-entry-' + item.name}> + {item.tip} + </Tooltip> + ); - return ( - <tr key={'table-entry-' + item.name}> - <td> - <OverlayTrigger - delayShow={Constants.OVERLAY_TIME_DELAY} - placement='top' - overlay={tooltip} - > - <time> - {item.name} - </time> - </OverlayTrigger> - </td> - <td> - {item.value} - </td> - </tr> - ); - }) - } - </tbody> - </table> - </div> + return ( + <tr key={'table-entry-' + item.name}> + <td> + <OverlayTrigger + delayShow={Constants.OVERLAY_TIME_DELAY} + placement='top' + overlay={tooltip} + > + <time> + {item.name} + </time> + </OverlayTrigger> + </td> + <td> + {item.value} + </td> + </tr> + ); + }) + } + </tbody> + </table> </div> </div> - ); - } + </div> + ); } TableChart.propTypes = { - title: React.PropTypes.node, - data: React.PropTypes.array + title: PropTypes.node, + data: PropTypes.array }; |