Add table summary to Revenue report (https://github.com/woocommerce/woocommerce-admin/pull/994)
This commit is contained in:
parent
cf8d2bd6b0
commit
98289b32c9
|
@ -2,7 +2,7 @@
|
||||||
/**
|
/**
|
||||||
* External dependencies
|
* External dependencies
|
||||||
*/
|
*/
|
||||||
import { __ } from '@wordpress/i18n';
|
import { __, _n } from '@wordpress/i18n';
|
||||||
import { Component } from '@wordpress/element';
|
import { Component } from '@wordpress/element';
|
||||||
import { format as formatDate } from '@wordpress/date';
|
import { format as formatDate } from '@wordpress/date';
|
||||||
import { compose } from '@wordpress/compose';
|
import { compose } from '@wordpress/compose';
|
||||||
|
@ -34,6 +34,7 @@ class RevenueReportTable extends Component {
|
||||||
|
|
||||||
this.getHeadersContent = this.getHeadersContent.bind( this );
|
this.getHeadersContent = this.getHeadersContent.bind( this );
|
||||||
this.getRowsContent = this.getRowsContent.bind( this );
|
this.getRowsContent = this.getRowsContent.bind( this );
|
||||||
|
this.getSummary = this.getSummary.bind( this );
|
||||||
}
|
}
|
||||||
|
|
||||||
getHeadersContent() {
|
getHeadersContent() {
|
||||||
|
@ -161,6 +162,50 @@ class RevenueReportTable extends Component {
|
||||||
} );
|
} );
|
||||||
}
|
}
|
||||||
|
|
||||||
|
getSummary( totals ) {
|
||||||
|
if ( ! totals ) {
|
||||||
|
return [];
|
||||||
|
}
|
||||||
|
|
||||||
|
const { tableData } = this.props;
|
||||||
|
const daysCount = tableData.items.totalCount;
|
||||||
|
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
label: _n( 'day', 'days', daysCount, 'wc-admin' ),
|
||||||
|
value: numberFormat( daysCount ),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: _n( 'order', 'orders', totals.orders_count, 'wc-admin' ),
|
||||||
|
value: numberFormat( totals.orders_count ),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: __( 'gross revenue', 'wc-admin' ),
|
||||||
|
value: formatCurrency( totals.gross_revenue ),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: __( 'refunds', 'wc-admin' ),
|
||||||
|
value: formatCurrency( totals.refunds ),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: __( 'coupons', 'wc-admin' ),
|
||||||
|
value: formatCurrency( totals.coupons ),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: __( 'taxes', 'wc-admin' ),
|
||||||
|
value: formatCurrency( totals.taxes ),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: __( 'shipping', 'wc-admin' ),
|
||||||
|
value: formatCurrency( totals.shipping ),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: __( 'net revenue', 'wc-admin' ),
|
||||||
|
value: formatCurrency( totals.net_revenue ),
|
||||||
|
},
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
const { query, tableData } = this.props;
|
const { query, tableData } = this.props;
|
||||||
|
|
||||||
|
@ -169,6 +214,7 @@ class RevenueReportTable extends Component {
|
||||||
endpoint="revenue"
|
endpoint="revenue"
|
||||||
getHeadersContent={ this.getHeadersContent }
|
getHeadersContent={ this.getHeadersContent }
|
||||||
getRowsContent={ this.getRowsContent }
|
getRowsContent={ this.getRowsContent }
|
||||||
|
getSummary={ this.getSummary }
|
||||||
query={ query }
|
query={ query }
|
||||||
tableData={ tableData }
|
tableData={ tableData }
|
||||||
title={ __( 'Revenue', 'wc-admin' ) }
|
title={ __( 'Revenue', 'wc-admin' ) }
|
||||||
|
|
Loading…
Reference in New Issue