From a10c9d8ffed152376f9f87ec1230060fa6026109 Mon Sep 17 00:00:00 2001
From: codytseng <codytseng98@gmail.com>
Date: Fri, 11 Apr 2025 23:18:54 +0800
Subject: [PATCH] feat: make reply clickable

---
 src/components/ReplyNote/index.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/ReplyNote/index.tsx b/src/components/ReplyNote/index.tsx
index 264a5058..6265fa78 100644
--- a/src/components/ReplyNote/index.tsx
+++ b/src/components/ReplyNote/index.tsx
@@ -10,6 +10,8 @@ import NoteStats from '../NoteStats'
 import ParentNotePreview from '../ParentNotePreview'
 import UserAvatar from '../UserAvatar'
 import Username from '../Username'
+import { useSecondaryPage } from '@/PageManager'
+import { toNote } from '@/lib/link'
 
 export default function ReplyNote({
   event,
@@ -23,6 +25,7 @@ export default function ReplyNote({
   highlight?: boolean
 }) {
   const { t } = useTranslation()
+  const { push } = useSecondaryPage()
   const { mutePubkeys } = useMuteList()
   const [showMuted, setShowMuted] = useState(false)
   const show = useMemo(
@@ -32,7 +35,8 @@ export default function ReplyNote({
 
   return (
     <div
-      className={`flex space-x-2 items-start px-4 py-3 border-b transition-colors duration-500 ${highlight ? 'bg-primary/50' : ''}`}
+      className={`flex space-x-2 items-start px-4 py-3 border-b transition-colors duration-500 clickable ${highlight ? 'bg-primary/50' : ''}`}
+      onClick={() => push(toNote(event))}
     >
       <UserAvatar userId={event.pubkey} size="small" className="shrink-0" />
       <div className="w-full overflow-hidden">