Fix rendering of mean times

Fixes #923. The "mean run time" and the "mean queue time" in the services table could show as timestamps instead of durations. This patch should fix that.
opencast · Jan 28, 2025 · d0d38ab · d0d38ab
1 parent 9677832
commit d0d38ab
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 8 deletions.
diff --git a/src/components/systems/partials/MeanQueueTimeCell.tsx b/src/components/systems/partials/MeanQueueTimeCell.tsx
@@ -1,7 +1,6 @@
 import React from "react";
-import { useTranslation } from "react-i18next";
-import { renderValidDate } from "../../../utils/dateUtils";
 import { Service } from "../../../slices/serviceSlice";
+import moment from "moment";
 
 /**
  * This component renders the mean queue time cells of systems in the table view
@@ -11,11 +10,10 @@ const MeanQueueTimeCell = ({
 }: {
 	row: Service
 }) => {
-	const { t } = useTranslation();
 
 	return (
 		<span>
-			{t("dateFormats.time.medium", { time: renderValidDate(row.meanQueueTime.toString()) })}
+			{ moment.utc(moment.duration(row.meanQueueTime* 1000).asMilliseconds()).format("HH:mm:ss") }
 		</span>
 	);
 };

diff --git a/src/components/systems/partials/MeanRunTimeCell.tsx b/src/components/systems/partials/MeanRunTimeCell.tsx
@@ -1,7 +1,6 @@
 import React from "react";
-import { useTranslation } from "react-i18next";
-import { renderValidDate } from "../../../utils/dateUtils";
 import { Service } from "../../../slices/serviceSlice";
+import moment from "moment";
 
 /**
  * This component renders the mean run time cells of systems in the table view
@@ -11,11 +10,10 @@ const MeanRunTimeCell = ({
 }: {
 	row: Service
 }) => {
-	const { t } = useTranslation();
 
 	return (
 		<span>
-			{t("dateFormats.time.medium", { time: renderValidDate(row.meanRunTime.toString()) })}
+			{ moment.utc(moment.duration(row.meanRunTime * 1000).asMilliseconds()).format("HH:mm:ss") }
 		</span>
 	);
 };