From 912e181ab41dcbd508d5597fcd5f35febbbd77a5 Mon Sep 17 00:00:00 2001
From: highperfocused <highperfocused@pm.me>
Date: Sun, 19 Oct 2025 23:18:32 +0200
Subject: [PATCH] feat: add ZapButton to comment component for enhanced
 interaction

---
 src/components/comments/Comment.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/components/comments/Comment.tsx b/src/components/comments/Comment.tsx
index 54658ae..6ed915e 100644
--- a/src/components/comments/Comment.tsx
+++ b/src/components/comments/Comment.tsx
@@ -14,6 +14,7 @@ import { DropdownMenu, DropdownMenuTrigger } from '@/components/ui/dropdown-menu
 import { MessageSquare, ChevronDown, ChevronRight, MoreHorizontal } from 'lucide-react';
 import { formatDistanceToNow } from 'date-fns';
 import { genUserName } from '@/lib/genUserName';
+import { ZapButton } from '@/components/ZapButton';
 
 interface CommentProps {
   root: NostrEvent | URL;
@@ -83,6 +84,13 @@ export function Comment({ root, comment, depth = 0, maxDepth = 3, limit }: Comme
                   <MessageSquare className="h-3 w-3 mr-1" />
                   Reply
                 </Button>
+
+                {/* Zap Button */}
+                <ZapButton
+                  target={comment as NostrEvent}
+                  buttonVariant="ghost"
+                  className="h-8 px-2 text-xs"
+                />
                 
                 {hasReplies && (
                   <Collapsible open={showReplies} onOpenChange={setShowReplies}>