diff --git a/src/app/js/admin/precomputed/PrecomputedForm.js b/src/app/js/admin/precomputed/PrecomputedForm.js index 43e3457c2..d522ceea1 100644 --- a/src/app/js/admin/precomputed/PrecomputedForm.js +++ b/src/app/js/admin/precomputed/PrecomputedForm.js @@ -111,15 +111,7 @@ export const renderStatus = (status, polyglot, startedAt = null) => { ); } if (status === IN_PROGRESS) { - return ( - - ); + return ; } if (status === PAUSED) { @@ -171,6 +163,30 @@ export const renderStatus = (status, polyglot, startedAt = null) => { ); }; +export const ProgressChip = ({ polyglot, startedAt }) => { + const [spentTime, setSpentTime] = useState( + getDisplayTimeStartedAt(startedAt), + ); + useEffect(() => { + const interval = setInterval(() => { + setSpentTime(getDisplayTimeStartedAt(startedAt)); + }, 59000); + return () => clearInterval(interval); + }, []); + return ( + + ); +}; + +ProgressChip.propTypes = { + polyglot: polyglotPropTypes.isRequired, + startedAt: PropTypes.string, +}; + export const renderRunButton = ( handleLaunchPrecomputed, precomputedStatus,