From f7320c9aa5d1e8513ae1b87847a9506103f5bf53 Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Sat, 18 Oct 2025 04:39:34 +0000
Subject: [PATCH] Wire like and comment buttons in FeedItemCard

cgen-ecd0d7c5acc74b44bbd58a25ab9ad519
---
 client/components/social/FeedItemCard.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/client/components/social/FeedItemCard.tsx b/client/components/social/FeedItemCard.tsx
index 02afd86e..9ce415b8 100644
--- a/client/components/social/FeedItemCard.tsx
+++ b/client/components/social/FeedItemCard.tsx
@@ -111,19 +111,19 @@ export function FeedItemCard({
         <div className="rounded-2xl border border-border/40 bg-background/80 p-4">
           <div className="flex flex-wrap items-center justify-between gap-3 text-sm text-muted-foreground">
             <div className="flex items-center gap-3">
-              <Button variant="ghost" size="sm" className="gap-2 pl-2 pr-3">
+              <Button variant="ghost" size="sm" className="gap-2 pl-2 pr-3" onClick={() => onShare(`${item.id}:like`)}>
                 <Heart className="h-4 w-4 text-aethex-400" />
                 <span className="font-medium text-foreground">
                   {item.likes.toLocaleString()}
                 </span>
-                <span className="hidden sm:inline">Likes</span>
+                <span className="hidden sm:inline">Like</span>
               </Button>
-              <Button variant="ghost" size="sm" className="gap-2 pl-2 pr-3">
+              <Button variant="ghost" size="sm" className="gap-2 pl-2 pr-3" onClick={() => onShare(`${item.id}:comment`)}>
                 <MessageCircle className="h-4 w-4 text-aethex-400" />
                 <span className="font-medium text-foreground">
                   {item.comments.toLocaleString()}
                 </span>
-                <span className="hidden sm:inline">Comments</span>
+                <span className="hidden sm:inline">Comment</span>
               </Button>
             </div>
             <div className="flex items-center gap-2">