Mirror/vega
1
0
Fork 0
mirror of https://github.com/hoornet/vega.git synced 2026-04-30 01:29:59 -07:00
Code Issues Packages Projects Releases Wiki Activity

Make entire note card clickable to open thread

Browse Source
This commit is contained in:
Jure
2026-03-24 15:22:58 +01:00
parent 9a09e464b5
commit f4e7c2d7cd
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/feed/NoteCard.tsx
View File

@@ -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 />