AeThex-Corporation/aethex-forge
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Wire like and comment buttons in FeedItemCard

Browse source 
cgen-ecd0d7c5acc74b44bbd58a25ab9ad519
This commit is contained in:
Builder.io 2025-10-18 04:39:34 +00:00
parent 1fce2d2c8e
commit f7320c9aa5
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
client/components/social/FeedItemCard.tsx
View file

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