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.
51 lines
1.3 KiB
51 lines
1.3 KiB
import PropTypes from 'prop-types';
|
|
import React from 'react';
|
|
import QueueDetails from 'Activity/Queue/QueueDetails';
|
|
import CircularProgressBar from 'Components/CircularProgressBar';
|
|
import translate from 'Utilities/String/translate';
|
|
|
|
function CalendarEventQueueDetails(props) {
|
|
const {
|
|
title,
|
|
size,
|
|
sizeleft,
|
|
estimatedCompletionTime,
|
|
status,
|
|
errorMessage
|
|
} = props;
|
|
|
|
const progress = (100 - sizeleft / size * 100);
|
|
|
|
return (
|
|
<QueueDetails
|
|
title={title}
|
|
size={size}
|
|
sizeleft={sizeleft}
|
|
estimatedCompletionTime={estimatedCompletionTime}
|
|
status={status}
|
|
errorMessage={errorMessage}
|
|
progressBar={
|
|
<div title={translate('BookIsDownloadingInterp', [progress.toFixed(1), title])}>
|
|
<CircularProgressBar
|
|
progress={progress}
|
|
size={20}
|
|
strokeWidth={2}
|
|
strokeColor={'#7a43b6'}
|
|
/>
|
|
</div>
|
|
}
|
|
/>
|
|
);
|
|
}
|
|
|
|
CalendarEventQueueDetails.propTypes = {
|
|
title: PropTypes.string.isRequired,
|
|
size: PropTypes.number.isRequired,
|
|
sizeleft: PropTypes.number.isRequired,
|
|
estimatedCompletionTime: PropTypes.string,
|
|
status: PropTypes.string.isRequired,
|
|
errorMessage: PropTypes.string
|
|
};
|
|
|
|
export default CalendarEventQueueDetails;
|