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",