diff --git a/cvat-ui/src/components/job-item/job-item.tsx b/cvat-ui/src/components/job-item/job-item.tsx index 3fe5267f9ef2..2fa239f7184b 100644 --- a/cvat-ui/src/components/job-item/job-item.tsx +++ b/cvat-ui/src/components/job-item/job-item.tsx @@ -29,6 +29,10 @@ import { useSelector } from 'react-redux'; import { CombinedState } from 'reducers'; import JobActionsMenu from './job-actions-menu'; +function formatDate(value: moment.Moment): string { + return value.format('MMM Do YYYY HH:mm'); +} + interface Props { job: Job; task: Task; @@ -141,14 +145,14 @@ function JobItem(props: Props): JSX.Element { - Created on - {`${created.format('MMMM Do YYYY HH:mm')}`} + Created: + {`${formatDate(created)}`} - Last updated - {`${updated.format('MMMM Do YYYY HH:mm')}`} + Updated: + {`${formatDate(updated)}`} @@ -233,7 +237,11 @@ function JobItem(props: Props): JSX.Element { Duration: - {`${moment.duration(now.diff(created)).humanize()}`} + + {`${moment + .duration(now.diff(created)) + .humanize()}`} +