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}
+
+
+
+