From 9c71db405a31cfeef612203745348c443981e8b3 Mon Sep 17 00:00:00 2001
From: codytseng <codytseng98@gmail.com>
Date: Fri, 10 Oct 2025 21:12:31 +0800
Subject: [PATCH] fix: prevent duplicate clicks before zap or like action
 completes

---
 src/components/NoteStats/LikeButton.tsx | 1 +
 src/components/NoteStats/ZapButton.tsx  | 3 +++
 2 files changed, 4 insertions(+)

diff --git a/src/components/NoteStats/LikeButton.tsx b/src/components/NoteStats/LikeButton.tsx
index 1ba0b71..25e0722 100644
--- a/src/components/NoteStats/LikeButton.tsx
+++ b/src/components/NoteStats/LikeButton.tsx
@@ -68,6 +68,7 @@ export default function LikeButton({ event }: { event: Event }) {
     <button
       className="flex items-center enabled:hover:text-primary gap-1 px-3 h-full text-muted-foreground"
       title={t('Like')}
+      disabled={liking}
       onClick={() => {
         if (isSmallScreen) {
           setIsEmojiReactionsOpen(true)
diff --git a/src/components/NoteStats/ZapButton.tsx b/src/components/NoteStats/ZapButton.tsx
index 8dd3d92..24ef403 100644
--- a/src/components/NoteStats/ZapButton.tsx
+++ b/src/components/NoteStats/ZapButton.tsx
@@ -45,6 +45,8 @@ export default function ZapButton({ event }: { event: Event }) {
       if (!pubkey) {
         throw new Error('You need to be logged in to zap')
       }
+      if (zapping) return
+
       setZapping(true)
       const zapResult = await lightning.zap(pubkey, event, defaultZapSats, defaultZapComment)
       // user canceled
@@ -133,6 +135,7 @@ export default function ZapButton({ event }: { event: Event }) {
             : 'cursor-pointer enabled:hover:text-yellow-400'
         )}
         title={t('Zap')}
+        disabled={disable || zapping}
         onMouseDown={handleClickStart}
         onMouseUp={handleClickEnd}
         onMouseLeave={handleMouseLeave}