diff --git a/frontend/src/container/APIKeys/APIKeys.tsx b/frontend/src/container/APIKeys/APIKeys.tsx index 191725e806..1593908f0e 100644 --- a/frontend/src/container/APIKeys/APIKeys.tsx +++ b/frontend/src/container/APIKeys/APIKeys.tsx @@ -27,6 +27,7 @@ import axios, { AxiosError } from 'axios'; import cx from 'classnames'; import { SOMETHING_WENT_WRONG } from 'constants/api'; import dayjs from 'dayjs'; +import relativeTime from 'dayjs/plugin/relativeTime'; import { useGetAllAPIKeys } from 'hooks/APIKeys/useGetAllAPIKeys'; import { useNotifications } from 'hooks/useNotifications'; import { @@ -52,6 +53,8 @@ import { useCopyToClipboard } from 'react-use'; import { APIKeyProps } from 'types/api/pat/types'; import { USER_ROLES } from 'types/roles'; +dayjs.extend(relativeTime); + export const showErrorNotification = ( notifications: NotificationInstance, err: Error, @@ -495,7 +498,7 @@ function APIKeys(): JSX.Element { expiresIn <= 3 ? 'danger' : 'warning', )} > - Expires in {expiresIn} Days + Expires {dayjs().to(expiresOn)} )}