From f4e7c2d7cd063b25b3c7136de0ac83891c74eaf7 Mon Sep 17 00:00:00 2001
From: Jure <44338+hoornet@users.noreply.github.com>
Date: Tue, 24 Mar 2026 15:22:58 +0100
Subject: [PATCH] Make entire note card clickable to open thread

---
 src/components/feed/NoteCard.tsx | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/feed/NoteCard.tsx b/src/components/feed/NoteCard.tsx
index 6b1f2a4..63e00b4 100644
--- a/src/components/feed/NoteCard.tsx
+++ b/src/components/feed/NoteCard.tsx
@@ -52,7 +52,13 @@ export function NoteCard({ event, focused, onReplyInThread }: NoteCardProps) {
     <article
       ref={cardRef}
       data-note-id={event.id}
-      className={`border-b border-border px-4 py-3 hover:bg-bg-hover transition-colors duration-100 group/card${focused ? " ring-1 ring-inset ring-accent/30" : ""}`}
+      className={`border-b border-border px-4 py-3 hover:bg-bg-hover transition-colors duration-100 cursor-pointer group/card${focused ? " ring-1 ring-inset ring-accent/30" : ""}`}
+      onClick={(e) => {
+        // Don't navigate if clicking on interactive elements
+        const target = e.target as HTMLElement;
+        if (target.closest("button, a, input, textarea, [data-no-navigate]")) return;
+        openThread(event, currentView as "feed" | "profile");
+      }}
     >
       <div className="flex gap-3">
         {/* Avatar */}
@@ -152,10 +158,7 @@ export function NoteCard({ event, focused, onReplyInThread }: NoteCardProps) {
             </div>
           )}
 
-          <div
-            className="cursor-pointer"
-            onClick={() => openThread(event, currentView as "feed" | "profile")}
-          >
+          <div>
             <NoteContent content={event.content} inline />
           </div>
           <NoteContent content={event.content} mediaOnly />