2018-07-05 03:14:40 +00:00
|
|
|
/** @format */
|
|
|
|
/**
|
|
|
|
* External dependencies
|
|
|
|
*/
|
2018-08-06 21:33:55 +00:00
|
|
|
import { Component, Fragment } from '@wordpress/element';
|
|
|
|
import { compose } from '@wordpress/compose';
|
2018-10-11 08:30:51 +00:00
|
|
|
import { withSelect } from '@wordpress/data';
|
2018-07-05 03:14:40 +00:00
|
|
|
|
|
|
|
/**
|
|
|
|
* Internal dependencies
|
|
|
|
*/
|
2018-10-11 08:30:51 +00:00
|
|
|
import { ReportFilters } from '@woocommerce/components';
|
2018-09-11 07:58:11 +00:00
|
|
|
import { filters, advancedFilterConfig } from './config';
|
2018-10-11 08:30:51 +00:00
|
|
|
import OrdersReportTable from './table';
|
2018-07-05 03:14:40 +00:00
|
|
|
|
|
|
|
class OrdersReport extends Component {
|
|
|
|
constructor( props ) {
|
|
|
|
super( props );
|
|
|
|
}
|
|
|
|
|
|
|
|
render() {
|
2018-10-11 08:30:51 +00:00
|
|
|
const { isRequesting, orders, path, query } = this.props;
|
|
|
|
|
2018-07-05 03:14:40 +00:00
|
|
|
return (
|
|
|
|
<Fragment>
|
2018-08-08 21:24:48 +00:00
|
|
|
<ReportFilters
|
|
|
|
query={ query }
|
|
|
|
path={ path }
|
|
|
|
filters={ filters }
|
|
|
|
advancedConfig={ advancedFilterConfig }
|
|
|
|
/>
|
2018-10-11 08:30:51 +00:00
|
|
|
<OrdersReportTable isRequesting={ isRequesting } orders={ orders } query={ query } />
|
2018-07-05 03:14:40 +00:00
|
|
|
</Fragment>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
export default compose(
|
|
|
|
withSelect( select => {
|
2018-10-11 08:30:51 +00:00
|
|
|
const { getOrders } = select( 'wc-admin' );
|
|
|
|
const orders = getOrders();
|
|
|
|
const isRequesting = select( 'core/data' ).isResolving( 'wc-admin', 'getOrders' );
|
|
|
|
return { isRequesting, orders };
|
2018-07-05 03:14:40 +00:00
|
|
|
} )
|
|
|
|
)( OrdersReport );
|