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

39 lines
940 B
JavaScript

/**
* External dependencies
*/
import { __, sprintf } from '@wordpress/i18n';
import { isNil } from 'lodash';
function HistoricalDataProgress( { label, progress, total } ) {
const labelText = sprintf( __( 'Imported %(label)s', 'woocommerce' ), {
label,
} );
const labelCounters = ! isNil( total )
? sprintf( __( '%(progress)s of %(total)s', 'woocommerce' ), {
progress: progress || 0,
total,
} )
: null;
return (
<div className="woocommerce-settings-historical-data__progress">
<span className="woocommerce-settings-historical-data__progress-label">
{ labelText }
</span>
{ labelCounters && (
<span className="woocommerce-settings-historical-data__progress-label">
{ labelCounters }
</span>
) }
<progress
className="woocommerce-settings-historical-data__progress-bar"
max={ total }
value={ progress || 0 }
/>
</div>
);
}
export default HistoricalDataProgress;