diff --git a/src/webapp/features/feeds/components/feedActivityStatus/FeedActivityStatus.tsx b/src/webapp/features/feeds/components/feedActivityStatus/FeedActivityStatus.tsx
index 66d00325..68a5cd8a 100644
--- a/src/webapp/features/feeds/components/feedActivityStatus/FeedActivityStatus.tsx
+++ b/src/webapp/features/feeds/components/feedActivityStatus/FeedActivityStatus.tsx
@@ -2,14 +2,18 @@ import { Anchor, Avatar, Group, Paper, Stack, Text } from '@mantine/core';
import { FeedItem } from '@/api-client/types';
import { Fragment } from 'react';
import Link from 'next/link';
+import { getRelativeTime } from '@/lib/utils/time';
interface Props {
user: FeedItem['user'];
collections: FeedItem['collections'];
+ createdAt: Date;
}
export default function FeedActivityStatus(props: Props) {
const MAX_DISPLAYED = 2;
+ const time = getRelativeTime(props.createdAt.toString());
+ const relativeCreatedDate = time === 'just now' ? `Now` : `${time} ago`;
const renderActivityText = () => {
const displayedCollections = props.collections.slice(0, MAX_DISPLAYED);
@@ -50,7 +54,7 @@ export default function FeedActivityStatus(props: Props) {
)}
- Timestamp
+ {relativeCreatedDate}
);
diff --git a/src/webapp/features/feeds/components/feedItem/FeedItem.tsx b/src/webapp/features/feeds/components/feedItem/FeedItem.tsx
index de348d1a..ecf3fa9e 100644
--- a/src/webapp/features/feeds/components/feedItem/FeedItem.tsx
+++ b/src/webapp/features/feeds/components/feedItem/FeedItem.tsx
@@ -13,6 +13,7 @@ export default function FeedItem(props: Props) {