hq/Bpistle
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: add like button on picture note card

Browse source
This commit is contained in:
codytseng 2025-01-15 17:10:57 +08:00
parent 92a0f9071f
commit 52daf39584
4 changed files with 10 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/components/PictureNoteCard/index.tsx
View file

@ -15,6 +15,7 @@ import {
import Image from '../Image'
import UserAvatar from '../UserAvatar'
import Username from '../Username'
import LikeButton from '../NoteStats/LikeButton'
export default function PictureNoteCard({
event,
@ -45,9 +46,12 @@ export default function PictureNoteCard({
)}
<div className="p-2 space-y-1">
<div className="line-clamp-2 font-semibold">{title}</div>
<div className="flex items-center gap-2">
<UserAvatar userId={event.pubkey} size="xSmall" />
<Username userId={event.pubkey} className="text-sm text-muted-foreground truncate" />
<div className="flex items-center justify-between gap-2">
<div className="flex items-center gap-2 flex-1 w-0">
<UserAvatar userId={event.pubkey} size="xSmall" />
<Username userId={event.pubkey} className="text-sm text-muted-foreground truncate" />
</div>
<LikeButton event={event} />
</div>
</div>
</div>