ES6 Plato on Github
Report Home
Summary Display
containers/DataStatisticsContainer.js
Maintainability
77.48
Lines of code
76
Difficulty
13.70
Estimated Errors
0.32
Function weight
By Complexity
By SLOC
import React, { Component } from 'react'; import { bindActionCreators } from 'redux'; import { connect } from 'react-redux'; import { Tabs, Tab, Alert } from 'react-bootstrap'; import axios from 'axios'; import { setBreadCrumbs } from '../actions/breadcrumbs.js'; import 'react-bootstrap-typeahead/css/Typeahead.css'; import _ from 'lodash'; import 'react-vis/dist/style.css'; import DataVolumeStatisticsPanel from '../components/ManagerStats/DataVolumeManagerStats/DataVolumeStatisticsPanel.js'; import GeneralStatsPanel from '../components/ManagerStats/GeneralStats/GeneralStatsPanel.js'; class DataStatisticsContainer extends Component { componentDidMount() { this.props.setBreadCrumbs([{ name: 'Manager' }, { name: 'Data Statistics', link: '/manager/stats' }]); } render() { if ((!this.props.user) || (!this.props.user.sessionId)) { return null; } return ( <div style={{ marginBottom: 100 }}> <Tabs defaultActiveKey={1} id="uncontrolled-tab-example"> <Tab eventKey={1} title="General"> <GeneralStatsPanel user={this.props.user}></GeneralStatsPanel> </Tab> <Tab eventKey={2} title="Data produced and released"> <DataVolumeStatisticsPanel user={this.props.user}/> </Tab> <Tab eventKey={3} title="Beamlines" disabled> Tab 3 content </Tab> <Tab eventKey={3} title="Dashboard" disabled> Tab 3 content </Tab> </Tabs> </div>); } } function mapStateToProps(state) { return { user: state.user }; } function mapDispatchToProps(dispatch) { return { setBreadCrumbs: bindActionCreators(setBreadCrumbs, dispatch) }; } export default connect( mapStateToProps, mapDispatchToProps )(DataStatisticsContainer);