diff --git a/src/components/Settings/SettingsJobsCache/index.tsx b/src/components/Settings/SettingsJobsCache/index.tsx index 17e8beee..47e447d4 100644 --- a/src/components/Settings/SettingsJobsCache/index.tsx +++ b/src/components/Settings/SettingsJobsCache/index.tsx @@ -22,6 +22,7 @@ import type { import type { JobId } from '@server/lib/settings'; import axios from 'axios'; import cronstrue from 'cronstrue/i18n'; +import { formatDuration, intervalToDuration } from 'date-fns'; import { Fragment, useReducer, useState } from 'react'; import type { MessageDescriptor } from 'react-intl'; import { FormattedRelativeTime, useIntl } from 'react-intl'; @@ -322,10 +323,15 @@ const SettingsJobs = () => { }; const formatAge = (milliseconds: number): string => { - const seconds = Math.floor(milliseconds / 1000); - const minutes = Math.floor(seconds / 60); - const remainingSeconds = seconds % 60; - return `${minutes}m ${remainingSeconds}s`; + const duration = intervalToDuration({ + start: 0, + end: milliseconds, + }); + + return formatDuration(duration, { + format: ['minutes', 'seconds'], + zero: false, + }); }; return ( @@ -698,53 +704,6 @@ const SettingsJobs = () => { - {/* - - - - {intl.formatMessage(messages.dnscacheglobalsize)} - - - {intl.formatMessage(messages.dnscacheglobalhits)} - - - {intl.formatMessage(messages.dnscacheglobalmisses)} - - - {intl.formatMessage(messages.dnscacheglobalhitrate)} - - - {intl.formatMessage(messages.dnscacheglobalfailures)} - - - {intl.formatMessage(messages.dnscacheglobalipv4fallbacks)} - - - - - {Object.entries(cacheData?.dnsCache.stats || {}).map( - ([key, value]) => ( - - {hostname} - {data.activeAddress} - {intl.formatNumber(data.hits)} - {intl.formatNumber(data.misses)} - {formatAge(data.age)} - {intl.formatNumber(data.networkErrors)} - - - - - ) - )} - -
*/}

{intl.formatMessage(messages.imagecache)}