Archive-Team
/
sonarr-repo-only
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Improve UI notice for delayed queue items

This commit is contained in:
Bogdan 2023-10-21 10:39:41 +03:00 committed by Mark McDowall
parent dc099a77ca
commit f2cae4e2b2
1 changed files with 17 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
frontend/src/Activity/Queue/TimeleftCell.js
View File

@ -1,6 +1,9 @@
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import React from 'react'; import React from 'react';
import Icon from 'Components/Icon';
import TableRowCell from 'Components/Table/Cells/TableRowCell'; import TableRowCell from 'Components/Table/Cells/TableRowCell';
import Tooltip from 'Components/Tooltip/Tooltip';
import { icons, kinds, tooltipPositions } from 'Helpers/Props';
import formatTime from 'Utilities/Date/formatTime'; import formatTime from 'Utilities/Date/formatTime';
import formatTimeSpan from 'Utilities/Date/formatTimeSpan'; import formatTimeSpan from 'Utilities/Date/formatTimeSpan';
import getRelativeDate from 'Utilities/Date/getRelativeDate'; import getRelativeDate from 'Utilities/Date/getRelativeDate';
@ -25,11 +28,13 @@ function TimeleftCell(props) {
const time = formatTime(estimatedCompletionTime, timeFormat, { includeMinuteZero: true }); const time = formatTime(estimatedCompletionTime, timeFormat, { includeMinuteZero: true });
return ( return (
<TableRowCell <TableRowCell className={styles.timeleft}>
className={styles.timeleft} <Tooltip
title={translate('DelayingDownloadUntil', { date, time })} anchor={<Icon name={icons.INFO} />}
> tooltip={translate('DelayingDownloadUntil', { date, time })}
- kind={kinds.INVERSE}
position={tooltipPositions.TOP}
/>
</TableRowCell> </TableRowCell>
); );
} }
@ -39,11 +44,13 @@ function TimeleftCell(props) {
const time = formatTime(estimatedCompletionTime, timeFormat, { includeMinuteZero: true }); const time = formatTime(estimatedCompletionTime, timeFormat, { includeMinuteZero: true });
return ( return (
<TableRowCell <TableRowCell className={styles.timeleft}>
className={styles.timeleft} <Tooltip
title={translate('RetryingDownloadOn', { date, time })} anchor={<Icon name={icons.INFO} />}
> tooltip={translate('RetryingDownloadOn', { date, time })}
- kind={kinds.INVERSE}
position={tooltipPositions.TOP}
/>
</TableRowCell> </TableRowCell>
); );
} }