fix: delete comment modal

components/social/comment/comment-report-modal.tsx

@@ -63,7 +63,10 @@ export function ReportCommentModal({
   }
 
   return (
-    <div className="fixed inset-0 z-[110] flex items-center justify-center px-4">
+    // pointer-events-auto: the comments drawer is a modal vaul sheet (body
+    // gets pointer-events:none); without this the modal would be click-through
+    // and the click would fall to vaul's overlay and dismiss the drawer.
+    <div className="pointer-events-auto fixed inset-0 z-[110] flex items-center justify-center px-4">
       <div
         className="absolute inset-0 bg-foreground/40 backdrop-blur-sm"
         onClick={() => !working && onClose()}

components/social/post/post-card.tsx

@@ -27,6 +27,7 @@ import type { Post } from "@/lib/social";
 import { displaySourceLabel } from "@/lib/source-reference";
 import { appendHighlight, hasHighlight } from "@/lib/text-highlight";
 import { UserAvatar } from "@/components/ui/user-avatar";
+import { timeAgo } from "@/lib/time";
 import { PostActionsFooter } from "./post-actions-footer";
 import { PostCardMenu } from "./post-card-menu";
 
@@ -88,11 +89,10 @@ export function PostCard({
               {authorName}
             </p>
           )}
-          {authorHandle ? (
-            <p className="text-xs text-muted-foreground truncate">
-              @{authorHandle}
-            </p>
-          ) : null}
+          <p className="text-xs text-muted-foreground truncate">
+            {authorHandle ? <>@{authorHandle} · </> : null}
+            {timeAgo(post.created_at)}
+          </p>
         </div>
         <PostCardMenu post={post} onDelete={onDelete} />
       </header>