diff --git a/app/db/models/plusSuggestions.server.ts b/app/db/models/plusSuggestions.server.ts index 713082de8..585c72bb3 100644 --- a/app/db/models/plusSuggestions.server.ts +++ b/app/db/models/plusSuggestions.server.ts @@ -1,3 +1,4 @@ +import { formatDistance } from "date-fns"; import type { MonthYear } from "~/modules/plus-server"; import { atOrError } from "~/utils/arrays"; import { databaseTimestampToDate } from "~/utils/dates"; @@ -72,7 +73,7 @@ export interface FindVisibleForUserSuggestedUserInfo { | "bio" >; suggestions: (Pick & { - createdAtText: string; + createdAtRelative: string; author: Pick< User, "id" | "discordId" | "discordName" | "discordDiscriminator" @@ -104,14 +105,10 @@ function mapFindVisibleForUserRowsToResult( const suggestionInfo = { id: row.id, createdAt: row.createdAt, - createdAtText: databaseTimestampToDate(row.createdAt).toLocaleString( - "en-US", - { - day: "numeric", - month: "short", - hour: "numeric", - minute: "numeric", - } + createdAtRelative: formatDistance( + databaseTimestampToDate(row.createdAt), + new Date(), + { addSuffix: true } ), text: row.text, author: { diff --git a/app/routes/plus/suggestions.tsx b/app/routes/plus/suggestions.tsx index 49a47b4e1..f76447695 100644 --- a/app/routes/plus/suggestions.tsx +++ b/app/routes/plus/suggestions.tsx @@ -30,6 +30,8 @@ import { makeTitle, parseRequestFormData, validate } from "~/utils/remix"; import { discordFullName } from "~/utils/strings"; import { actualNumber } from "~/utils/zod"; import { userPage } from "~/utils/urls"; +import { RelativeTime } from "~/components/RelativeTime"; +import { databaseTimestampToDate } from "~/utils/dates"; export const links: LinksFunction = () => { return [{ rel: "stylesheet", href: styles }]; @@ -304,7 +306,13 @@ function SuggestedUser({ {suggestion.text}
- + + {suggestion.createdAtRelative} + {canDeleteComment({ author: suggestion.author,