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,