woocommerce/plugins/woocommerce-admin/docs/examples/extensions/table-column/js/index.js

55 lines
1.2 KiB
JavaScript

/** @format */
/**
* External dependencies
*/
import { addFilter } from '@wordpress/hooks';
import { Rating } from '@woocommerce/components';
addFilter( 'woocommerce_admin_report_table', 'plugin-domain', reportTableData => {
if (
'products' !== reportTableData.endpoint ||
! reportTableData.items ||
! reportTableData.items.data ||
! reportTableData.items.data.length
) {
return reportTableData;
}
const newHeaders = [
...reportTableData.headers,
{
label: 'ID',
key: 'product_id',
},
{
label: 'Rating',
key: 'product_rating',
},
];
const newRows = reportTableData.rows.map( ( row, index ) => {
const product = reportTableData.items.data[ index ];
const newRow = [
...row,
// product_id is already returned in the response for productData.
{
display: product.product_id,
value: product.product_id,
},
// average_rating can be found on extended_info on productData.
{
display: (
<Rating rating={ Number( product.extended_info.average_rating ) } totalStars={ 5 } />
),
value: product.extended_info.average_rating,
},
];
return newRow;
} );
reportTableData.headers = newHeaders;
reportTableData.rows = newRows;
return reportTableData;
} );