.wc-block-product-tag__selection {
width: 100%;
}
.wc-block-product-tag__cancel-button.is-tertiary {
margin: 1em auto 0;
}
import './style.scss';
import { getRedirectUrl } from '@automattic/jetpack-components';
import { ExternalLink } from '@wordpress/components';
import { useSelect } from '@wordpress/data';
import { createInterpolateElement } from '@wordpress/element';
import { __, sprintf } from '@wordpress/i18n';
import { STORE_ID } from '../../../store';
import StorageHelpPopover from '../storage-help-popover';
import { StorageUsageLevels } from '../storage-usage-levels';
import { useStorageUsageText } from './use-storage-usage-text';
const StorageUsageDetails = ( {
storageUsed,
storageLimit,
lastBackupSize,
planRetentionDays,
usageLevel,
onClickedPurchase,
} ) => {
const domain = useSelect( select => select( STORE_ID ).getCalypsoSlug() );
const usageText = useStorageUsageText( storageUsed, storageLimit );
const daysOfBackupsSaved = useSelect( select => select( STORE_ID ).getDaysOfBackupsSaved() );
let forecastInDays = 0;
if ( storageLimit > 0 && lastBackupSize > 0 ) {
forecastInDays = Math.floor( storageLimit / lastBackupSize );
}
const singularDaysOfBackupLabel = __( '1 day of backups saved', 'jetpack-backup-pkg' );
const pluralDaysOfBackupLabel = sprintf(
/* translators: %s: Number of days of backups saved. */
__( '%s days of backups saved', 'jetpack-backup-pkg' ),
daysOfBackupsSaved
);
return (
<>
{ usageText }
{
// Show popover only when usage level is normal, for other levels,
// we already show separate message with CTA under progress bar
forecastInDays < planRetentionDays && StorageUsageLevels.Normal === usageLevel && (
)
}
);
};
export default StorageUsageDetails;
[REQ_ERR: 404] [KTrafficClient] Something is wrong. Enable debug mode to see the reason.
Achievement – E-MAC TANZANIA
Skip to content
