diff --git a/interface/src/project/DashboardData.tsx b/interface/src/project/DashboardData.tsx index ee0d61e6e..0c780e7c2 100644 --- a/interface/src/project/DashboardData.tsx +++ b/interface/src/project/DashboardData.tsx @@ -74,8 +74,6 @@ import { import { useI18nContext } from '../i18n/i18n-react'; -import parseMilliseconds from 'parse-ms'; - const DashboardData: FC = () => { const { me } = useContext(AuthenticatedContext); @@ -401,7 +399,10 @@ const DashboardData: FC = () => { const isCmdOnly = (dv: DeviceValue) => dv.v === '' && dv.c; const formatDurationMin = (duration_min: number) => { - const { days, hours, minutes } = parseMilliseconds(duration_min * 60000); + const days = Math.trunc((duration_min * 60000) / 86400000); + const hours = Math.trunc((duration_min * 60000) / 3600000) % 24; + const minutes = Math.trunc((duration_min * 60000) / 60000) % 60; + let formatted = ''; if (days) { formatted += LL.NUM_DAYS({ num: days }) + ' '; diff --git a/interface/src/project/DashboardStatus.tsx b/interface/src/project/DashboardStatus.tsx index 09bd43f6f..9b2db3ca4 100644 --- a/interface/src/project/DashboardStatus.tsx +++ b/interface/src/project/DashboardStatus.tsx @@ -38,7 +38,6 @@ import * as EMSESP from './api'; import type { Translation } from '../i18n/i18n-types'; import { useI18nContext } from '../i18n/i18n-react'; -import parseMilliseconds from 'parse-ms'; export const isConnected = ({ status }: Status) => status !== busConnectionStatus.BUS_STATUS_OFFLINE; @@ -157,7 +156,11 @@ const DashboardStatus: FC = () => { }; const formatDurationSec = (duration_sec: number) => { - const { days, hours, minutes, seconds } = parseMilliseconds(duration_sec * 1000); + const days = Math.trunc((duration_sec * 1000) / 86400000); + const hours = Math.trunc((duration_sec * 1000) / 3600000) % 24; + const minutes = Math.trunc((duration_sec * 1000) / 60000) % 60; + const seconds = Math.trunc((duration_sec * 1000) / 1000) % 60; + let formatted = ''; if (days) { formatted += LL.NUM_DAYS({ num: days }) + ' ';