diff options
Diffstat (limited to 'modern/src/main/DeviceRow.jsx')
| -rw-r--r-- | modern/src/main/DeviceRow.jsx | 7 |
1 files changed, 5 insertions, 2 deletions
diff --git a/modern/src/main/DeviceRow.jsx b/modern/src/main/DeviceRow.jsx index 82ffb1b5..9f6f3a22 100644 --- a/modern/src/main/DeviceRow.jsx +++ b/modern/src/main/DeviceRow.jsx @@ -11,7 +11,8 @@ import BatteryCharging60Icon from '@mui/icons-material/BatteryCharging60'; import Battery20Icon from '@mui/icons-material/Battery20'; import BatteryCharging20Icon from '@mui/icons-material/BatteryCharging20'; import ErrorIcon from '@mui/icons-material/Error'; -import moment from 'moment'; +import dayjs from 'dayjs'; +import relativeTime from 'dayjs/plugin/relativeTime'; import { devicesActions } from '../store'; import { formatAlarm, formatBoolean, formatPercentage, formatStatus, getStatusColor, @@ -22,6 +23,8 @@ import { useAdministrator } from '../common/util/permissions'; import { ReactComponent as EngineIcon } from '../resources/images/data/engine.svg'; import { useAttributePreference } from '../common/util/preferences'; +dayjs.extend(relativeTime); + const useStyles = makeStyles((theme) => ({ icon: { width: '25px', @@ -65,7 +68,7 @@ const DeviceRow = ({ data, index, style }) => { if (item.status === 'online' || !item.lastUpdate) { status = formatStatus(item.status, t); } else { - status = moment(item.lastUpdate).fromNow(); + status = dayjs(item.lastUpdate).fromNow(); } return ( <> |