42 lines
959 B
JavaScript
42 lines
959 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-admin' ),
|
|
{
|
|
label,
|
|
}
|
|
);
|
|
|
|
const labelCounters = ! isNil( total )
|
|
? sprintf( __( '%(progress)s of %(total)s', 'woocommerce-admin' ), {
|
|
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;
|