46 lines
1.1 KiB
JavaScript
46 lines
1.1 KiB
JavaScript
|
/** @format */
|
||
|
|
/**
|
||
|
|
* External dependencies
|
||
|
|
*/
|
||
|
|
import { Component, Fragment } from '@wordpress/element';
|
||
|
|
import PropTypes from 'prop-types';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* WooCommerce dependencies
|
||
|
|
*/
|
||
|
|
import { ReportFilters } from '@woocommerce/components';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Internal dependencies
|
||
|
|
*/
|
||
|
|
import { charts, filters } from './config';
|
||
|
|
import getSelectedChart from 'lib/get-selected-chart';
|
||
|
|
import ReportChart from 'analytics/components/report-chart';
|
||
|
|
import ReportSummary from 'analytics/components/report-summary';
|
||
|
|
export default class TaxesReport extends Component {
|
||
|
|
render() {
|
||
|
|
const { query, path } = this.props;
|
||
|
|
return (
|
||
|
|
<Fragment>
|
||
|
|
<ReportFilters query={ query } path={ path } filters={ filters } />
|
||
|
|
<ReportSummary
|
||
|
|
charts={ charts }
|
||
|
|
endpoint="taxes"
|
||
|
|
query={ query }
|
||
|
|
selectedChart={ getSelectedChart( query.chart, charts ) }
|
||
|
|
/>
|
||
|
|
<ReportChart
|
||
|
|
charts={ charts }
|
||
|
|
endpoint="taxes"
|
||
|
|
path={ path }
|
||
|
|
query={ query }
|
||
|
|
selectedChart={ getSelectedChart( query.chart, charts ) }
|
||
|
|
/>
|
||
|
|
</Fragment>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
TaxesReport.propTypes = {
|
||
|
|
query: PropTypes.object.isRequired,
|
||
|
|
};
|