diff --git a/spa/src/components/movie-card.tsx b/spa/src/components/movie-card.tsx
index ed8ced5..ac1fa4c 100644
--- a/spa/src/components/movie-card.tsx
+++ b/spa/src/components/movie-card.tsx
@@ -23,6 +23,7 @@ export function MovieCard({ movie, rating, comment, subtitle, variant = "full",
{movie.title}
{subtitle &&
{subtitle}
}
+ {comment &&
{comment}
}
{rating != null && }
diff --git a/spa/src/components/profile-view.tsx b/spa/src/components/profile-view.tsx
index ab71082..307a8f5 100644
--- a/spa/src/components/profile-view.tsx
+++ b/spa/src/components/profile-view.tsx
@@ -13,6 +13,7 @@ import { EmptyState } from "@/components/empty-state"
import { SwipeTabs } from "@/components/swipe-tabs"
import { VirtualList } from "@/components/virtual-list"
import { useInfiniteDiary } from "@/hooks/use-diary"
+import { timeAgo } from "@/lib/date"
import type { UserProfileResponse } from "@/lib/api/users"
type ProfileViewProps = {
@@ -153,7 +154,7 @@ function DiaryTab({ sortBy, search }: { sortBy: string; userId?: string; search?
movie={e.movie}
rating={e.review.rating}
comment={e.review.comment}
- subtitle={e.review.watched_at.slice(0, 10)}
+ subtitle={t("profile.watchedAgo", { when: timeAgo(e.review.watched_at) })}
variant="compact"
/>
)}
diff --git a/spa/src/locales/en.json b/spa/src/locales/en.json
index 1dbbeeb..343d411 100644
--- a/spa/src/locales/en.json
+++ b/spa/src/locales/en.json
@@ -123,7 +123,8 @@
"noTrends": "No trends yet",
"topDirectors": "Top Directors",
"monthlyActivity": "Monthly Activity",
- "searchPlaceholder": "Search entries..."
+ "searchPlaceholder": "Search entries...",
+ "watchedAgo": "Watched {{when}}"
},
"social": {
"title": "Social",