woocommerce/plugins/woocommerce-admin/client/analytics/report/revenue/index.js

77 lines
2.1 KiB
JavaScript

/** @format */
/**
* External dependencies
*/
import { Component, Fragment } from '@wordpress/element';
import { compose } from '@wordpress/compose';
import PropTypes from 'prop-types';
import { withSelect } from '@wordpress/data';
import { get } from 'lodash';
/**
* Internal dependencies
*/
import { ReportFilters } from '@woocommerce/components';
import { appendTimestamp, getCurrentDates } from 'lib/date';
import RevenueReportChart from './chart';
import RevenueReportTable from './table';
export class RevenueReport extends Component {
constructor() {
super();
}
render() {
const { isTableDataError, isTableDataRequesting, path, query, tableData } = this.props;
return (
<Fragment>
<ReportFilters query={ query } path={ path } />
<RevenueReportChart query={ query } />
<RevenueReportTable
isError={ isTableDataError }
isRequesting={ isTableDataRequesting }
tableData={ tableData }
query={ query }
totalRows={ get( tableData, [ 'totalResults' ], 0 ) }
/>
</Fragment>
);
}
}
RevenueReport.propTypes = {
params: PropTypes.object.isRequired,
path: PropTypes.string.isRequired,
query: PropTypes.object.isRequired,
};
export default compose(
withSelect( ( select, props ) => {
const { query } = props;
const { getReportStats, isReportStatsRequesting, isReportStatsError } = select( 'wc-admin' );
const datesFromQuery = getCurrentDates( query );
// TODO Support hour here when viewing a single day
const tableQuery = {
interval: 'day',
orderby: query.orderby || 'date',
order: query.order || 'asc',
page: query.page || 1,
per_page: query.per_page || 25,
after: appendTimestamp( datesFromQuery.primary.after, 'start' ),
before: appendTimestamp( datesFromQuery.primary.before, 'end' ),
};
const tableData = getReportStats( 'revenue', tableQuery );
const isTableDataError = isReportStatsError( 'revenue', tableQuery );
const isTableDataRequesting = isReportStatsRequesting( 'revenue', tableQuery );
return {
tableQuery,
tableData,
isTableDataError,
isTableDataRequesting,
};
} )
)( RevenueReport );