You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
import PropTypes from 'prop-types';
|
|
|
|
import React from 'react';
|
|
|
|
import formatBytes from 'Utilities/Number/formatBytes';
|
|
|
|
import translate from 'Utilities/String/translate';
|
|
|
|
|
|
|
|
function QualityDefinitionLimits(props) {
|
|
|
|
const {
|
|
|
|
bytes,
|
|
|
|
message
|
|
|
|
} = props;
|
|
|
|
|
|
|
|
if (!bytes) {
|
|
|
|
return <div>{message}</div>;
|
|
|
|
}
|
|
|
|
|
|
|
|
const twenty = formatBytes(bytes * 20 * 60);
|
|
|
|
const fourtyFive = formatBytes(bytes * 45 * 60);
|
|
|
|
const sixty = formatBytes(bytes * 60 * 60);
|
|
|
|
|
|
|
|
return (
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
{translate('20MinutesTwenty', [twenty])}
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
{translate('45MinutesFourtyFive', [fourtyFive])}
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
{translate('60MinutesSixty', [sixty])}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
QualityDefinitionLimits.propTypes = {
|
|
|
|
bytes: PropTypes.number,
|
|
|
|
message: PropTypes.string.isRequired
|
|
|
|
};
|
|
|
|
|
|
|
|
export default QualityDefinitionLimits;
|