GKaszewski/thoughts
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

feat(frontend): show precise date on hover over relative timestamps

Browse Source
This commit is contained in:
Gabriel Kaszewski
2026-05-15 03:19:24 +02:00
parent e6b351b472
commit 9976c1481a
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
thoughts-frontend/components/thought-card.tsx
View File

@@ -8,7 +8,7 @@ import {
} from "@/components/ui/card"; } from "@/components/ui/card";
import { UserAvatar } from "./user-avatar"; import { UserAvatar } from "./user-avatar";
import { deleteThought, Me, Thought } from "@/lib/api"; import { deleteThought, Me, Thought } from "@/lib/api";
import { formatDistanceToNow } from "date-fns"; import { format, formatDistanceToNow } from "date-fns";
import { useAuth } from "@/hooks/use-auth"; import { useAuth } from "@/hooks/use-auth";
import { useState } from "react"; import { useState } from "react";
import { useRouter } from "next/navigation"; import { useRouter } from "next/navigation";
@@ -121,9 +121,13 @@ export function ThoughtCard({
<span className="font-bold"> <span className="font-bold">
{author.displayName || author.username} {author.displayName || author.username}
</span> </span>
<span className="text-sm text-muted-foreground text-shadow-sm"> <time
dateTime={new Date(thought.createdAt).toISOString()}
title={format(new Date(thought.createdAt), "PPP p")}
className="text-sm text-muted-foreground text-shadow-sm"
>
{timeAgo} {timeAgo}
</span> </time>
</div> </div>
</Link> </Link>
<DropdownMenu> <DropdownMenu>