diff --git a/src/components/systems/partials/MeanQueueTimeCell.tsx b/src/components/systems/partials/MeanQueueTimeCell.tsx
index 3eca7c3036..e39dd7ec37 100644
--- 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 (
- {t("dateFormats.time.medium", { time: renderValidDate(row.meanQueueTime.toString()) })}
+ { moment.utc(moment.duration(row.meanQueueTime* 1000).asMilliseconds()).format("HH:mm:ss") }
);
};
diff --git a/src/components/systems/partials/MeanRunTimeCell.tsx b/src/components/systems/partials/MeanRunTimeCell.tsx
index 229f4bf75d..c7707e8a41 100644
--- 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 (
- {t("dateFormats.time.medium", { time: renderValidDate(row.meanRunTime.toString()) })}
+ { moment.utc(moment.duration(row.meanRunTime * 1000).asMilliseconds()).format("HH:mm:ss") }
);
};