highperfocused/lume
1
0
Fork 0
mirror of https://github.com/lumehq/lume.git synced 2025-09-29 06:53:44 +02:00
Code Issues Packages Projects Releases Wiki Activity

update note metadata

Browse Source
This commit is contained in:
Ren Amamiya
2023-04-29 17:41:42 +07:00
parent b53bcbec41
commit 2a1b64fdfe
4 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/newsfeed/components/metadata/like.tsx
View File

@@ -43,9 +43,9 @@ export default function NoteLike({ id, pubkey, likes }: { id: string; pubkey: st
}, [likes]);
return (
<button type="button" onClick={(e) => submitEvent(e)} className="inline-flex w-min items-center gap-1.5">
<LikeIcon width={20} height={20} className="text-zinc-400" />
<span className="text-sm leading-none text-zinc-400">{count}</span>
<button type="button" onClick={(e) => submitEvent(e)} className="group inline-flex w-min items-center gap-1.5">
<LikeIcon width={20} height={20} className="text-zinc-400 group-hover:text-rose-400" />
<span className="text-sm leading-none text-zinc-400 group-hover:text-zinc-200">{count}</span>
</button>
);
}

6
src/app/newsfeed/components/metadata/reply.tsx
View File

@@ -54,9 +54,9 @@ export default function NoteReply({ id, replies }: { id: string; replies: number
return (
<>
<button type="button" onClick={() => openModal()} className="inline-flex w-min items-center gap-1.5">
<ReplyIcon width={20} height={20} className="text-zinc-400" />
<span className="text-sm leading-none text-zinc-400">{count}</span>
<button type="button" onClick={() => openModal()} className="group inline-flex w-min items-center gap-1.5">
<ReplyIcon width={20} height={20} className="text-zinc-400 group-hover:text-green-400" />
<span className="text-sm leading-none text-zinc-400 group-hover:text-zinc-200">{count}</span>
</button>
<Transition appear show={isOpen} as={Fragment}>
<Dialog as="div" className="relative z-10" onClose={closeModal}>

6
src/app/newsfeed/components/metadata/repost.tsx
View File

@@ -43,9 +43,9 @@ export default function NoteRepost({ id, pubkey, reposts }: { id: string; pubkey
}, [reposts]);
return (
<button type="button" onClick={(e) => submitEvent(e)} className="inline-flex w-min items-center gap-1.5">
<RepostIcon width={20} height={20} className="text-zinc-400" />
<span className="text-sm leading-none text-zinc-400">{count}</span>
<button type="button" onClick={(e) => submitEvent(e)} className="group inline-flex w-min items-center gap-1.5">
<RepostIcon width={20} height={20} className="text-zinc-400 group-hover:text-blue-400" />
<span className="text-sm leading-none text-zinc-400 group-hover:text-zinc-200">{count}</span>
</button>
);
}

6
src/app/newsfeed/components/note/metadata.tsx
View File

@@ -56,9 +56,9 @@ export default function NoteMetadata({ id, eventPubkey }: { id: string; eventPub
<NoteReply id={id} replies={replies} />
<NoteLike id={id} pubkey={eventPubkey} likes={likes} />
<NoteRepost id={id} pubkey={eventPubkey} reposts={reposts} />
<button className="inline-flex w-min items-center gap-1.5">
<ZapIcon width={20} height={20} className="text-zinc-400" />
<span className="text-sm leading-none text-zinc-400">{0}</span>
<button className="group inline-flex w-min items-center gap-1.5">
<ZapIcon width={20} height={20} className="text-zinc-400 group-hover:text-orange-400" />
<span className="text-sm leading-none text-zinc-400 group-hover:text-zinc-200">{0}</span>
</button>
</div>
);