From d420655464e9a09d9beb148cd8fe55f4d6d5e6e5 Mon Sep 17 00:00:00 2001
From: Ryan Freeman <hello@ryanfreeman.dev>
Date: Mon, 28 Apr 2025 20:41:40 +0100
Subject: [PATCH] Truncate comment datetime

---
 components/ui/Comments.tsx | 5 +++--
 lib/dateFns.ts             | 8 +++++++-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/components/ui/Comments.tsx b/components/ui/Comments.tsx
index 8c9765d..59bcbe4 100644
--- a/components/ui/Comments.tsx
+++ b/components/ui/Comments.tsx
@@ -10,7 +10,7 @@ import {Button} from '@/components/ui/Button'
 import {GitHubIcon} from '@/components/icons/SocialIcons'
 import {ArrowLeftIcon} from '@/components/icons/ArrowLeftIcon'
 import {StatusMessage} from '@/components/ui/StatusMessage'
-import {getShortDurationFromNow} from '@/lib/dateFns'
+import {getShortDurationFromNow, truncateDatetime} from '@/lib/dateFns'
 import CommentFormProvider, {useCommentFormContext} from '@/app/context/CommentFormProvider'
 
 import type {Comment} from '@/types'
@@ -19,6 +19,7 @@ type ReplyButton = {
     comment: Comment
 }
 
+
 Comments.ReplyButton = function ReplyButton({comment}: ReplyButton) {
     const commentFormContext = useCommentFormContext()
     const {data: session} = useSession()
@@ -62,7 +63,7 @@ Comments.Comment = function Comment({comment, isReply = false, className}: {
                             <Link href={`https://github.com/${comment.user.username ?? ''}`}>{comment.user.name}</Link>
                         </p>
                         <p className="text-sm text-zinc-500 dark:text-zinc-400">
-                            <time dateTime={comment.created_at}>
+                            <time dateTime={truncateDatetime(comment.created_at)}>
                                 <span>&middot; {`${getShortDurationFromNow(comment.created_at)}`}</span>
                             </time>
                         </p>
diff --git a/lib/dateFns.ts b/lib/dateFns.ts
index 7c50c81..c8e272b 100644
--- a/lib/dateFns.ts
+++ b/lib/dateFns.ts
@@ -4,7 +4,9 @@ import {
     differenceInMinutes,
     differenceInMonths,
     differenceInWeeks,
-    differenceInYears
+    differenceInYears,
+    format,
+    parseISO
 } from 'date-fns'
 
 export function getShortDurationFromNow(fromDateTime: string) {
@@ -28,3 +30,7 @@ export function getShortDurationFromNow(fromDateTime: string) {
 
     return '<1m'
 }
+
+export function truncateDatetime(datetime: string) {
+    return format(parseISO(datetime), 'yyyy-MM-dd\'T\'HH:mm')
+}