diff options
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 }; |