diff --git a/client/src/api/notifications.js b/client/src/api/notifications.js index b0456229..6d36332a 100755 --- a/client/src/api/notifications.js +++ b/client/src/api/notifications.js @@ -16,6 +16,9 @@ export const transformNotification = (notification) => ({ activityId: notification.actionId, } : notification), + ...(notification.createdAt && { + createdAt: new Date(notification.createdAt), + }), }); /* Actions */ diff --git a/client/src/components/activities/Activities/Item.module.scss b/client/src/components/activities/Activities/Item.module.scss index 37c92a31..7245597b 100644 --- a/client/src/components/activities/Activities/Item.module.scss +++ b/client/src/components/activities/Activities/Item.module.scss @@ -6,7 +6,6 @@ :global(#app) { .author { color: #17394d; - display: inline-block; font-weight: bold; line-height: 20px; } @@ -21,7 +20,6 @@ .date { color: #6b808c; - display: inline-block; font-size: 12px; line-height: 20px; } diff --git a/client/src/components/notifications/NotificationsStep/Item.jsx b/client/src/components/notifications/NotificationsStep/Item.jsx index 69c65b5b..ac424ab2 100644 --- a/client/src/components/notifications/NotificationsStep/Item.jsx +++ b/client/src/components/notifications/NotificationsStep/Item.jsx @@ -16,6 +16,7 @@ import entryActions from '../../../entry-actions'; import Paths from '../../../constants/Paths'; import { StaticUserIds } from '../../../constants/StaticUsers'; import { NotificationTypes } from '../../../constants/Enums'; +import TimeAgo from '../../common/TimeAgo'; import UserAvatar from '../../users/UserAvatar'; import styles from './Item.module.scss'; @@ -67,7 +68,7 @@ const Item = React.memo(({ id, onClose }) => { toList: toListName, }} > - {creatorUserName} + {creatorUserName} {' moved '} {cardName} @@ -93,7 +94,7 @@ const Item = React.memo(({ id, onClose }) => { card: cardName, }} > - {creatorUserName} + {creatorUserName} {` left a new comment «${commentText}» to `} {cardName} @@ -112,7 +113,7 @@ const Item = React.memo(({ id, onClose }) => { card: cardName, }} > - {creatorUserName} + {creatorUserName} {` added you to `} {cardName} @@ -128,7 +129,12 @@ const Item = React.memo(({ id, onClose }) => { return (
- {contentNode} + +
{contentNode}
+ + + +