woocommerce/plugins/woocommerce-admin/client/analytics/settings/historical-data/status.js

69 lines
2.2 KiB
JavaScript

/**
* External dependencies
*/
import { __, sprintf } from '@wordpress/i18n';
import { applyFilters } from '@wordpress/hooks';
import moment from 'moment';
import { Spinner } from '@wordpress/components';
const HISTORICAL_DATA_STATUS_FILTER = 'woocommerce_admin_import_status';
function HistoricalDataStatus( { importDate, status } ) {
/**
* Historical data import statuses.
*
* @filter woocommerce_admin_import_status
*
* @param {Object} statuses Import statuses.
* @param {string} statuses.nothing Nothing to import.
* @param {string} statuses.ready Ready to import.
* @param {Array} statuses.initializing Initializing string and spinner.
* @param {Array} statuses.customers Importing customers string and spinner.
* @param {Array} statuses.orders Importing orders string and spinner.
* @param {Array} statuses.finalizing Finalizing string and spinner.
* @param {string} statuses.finished Message displayed after import.
*/
const statusLabels = applyFilters( HISTORICAL_DATA_STATUS_FILTER, {
nothing: __( 'Nothing To Import', 'woocommerce' ),
ready: __( 'Ready To Import', 'woocommerce' ),
initializing: [
__( 'Initializing', 'woocommerce' ),
<Spinner key="spinner" />,
],
customers: [
__( 'Importing Customers', 'woocommerce' ),
<Spinner key="spinner" />,
],
orders: [
__( 'Importing Orders', 'woocommerce' ),
<Spinner key="spinner" />,
],
finalizing: [
__( 'Finalizing', 'woocommerce' ),
<Spinner key="spinner" />,
],
finished:
importDate === -1
? __( 'All historical data imported', 'woocommerce' )
: sprintf(
/* translators: %s: YYYY-MM-DD formatted date */
__(
'Historical data from %s onward imported',
'woocommerce'
),
// @todo The date formatting should be localized ( 'll' ), but this is currently broken in Gutenberg.
// See https://github.com/WordPress/gutenberg/issues/12626 for details.
moment( importDate ).format( 'YYYY-MM-DD' )
),
} );
return (
<span className="woocommerce-settings-historical-data__status">
{ __( 'Status:', 'woocommerce' ) + ' ' }
{ statusLabels[ status ] }
</span>
);
}
export default HistoricalDataStatus;