highperfocused/lume
1
0
Fork 0
mirror of https://github.com/lumehq/lume.git synced 2025-10-06 21:52:57 +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]); }, [likes]);
return ( return (
<button type="button" onClick={(e) => submitEvent(e)} className="inline-flex w-min items-center gap-1.5"> <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" /> <LikeIcon width={20} height={20} className="text-zinc-400 group-hover:text-rose-400" />
<span className="text-sm leading-none text-zinc-400">{count}</span> <span className="text-sm leading-none text-zinc-400 group-hover:text-zinc-200">{count}</span>
</button> </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 ( return (
<> <>
<button type="button" onClick={() => openModal()} className="inline-flex w-min items-center gap-1.5"> <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" /> <ReplyIcon width={20} height={20} className="text-zinc-400 group-hover:text-green-400" />
<span className="text-sm leading-none text-zinc-400">{count}</span> <span className="text-sm leading-none text-zinc-400 group-hover:text-zinc-200">{count}</span>
</button> </button>
<Transition appear show={isOpen} as={Fragment}> <Transition appear show={isOpen} as={Fragment}>
<Dialog as="div" className="relative z-10" onClose={closeModal}> <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]); }, [reposts]);
return ( return (
<button type="button" onClick={(e) => submitEvent(e)} className="inline-flex w-min items-center gap-1.5"> <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" /> <RepostIcon width={20} height={20} className="text-zinc-400 group-hover:text-blue-400" />
<span className="text-sm leading-none text-zinc-400">{count}</span> <span className="text-sm leading-none text-zinc-400 group-hover:text-zinc-200">{count}</span>
</button> </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} /> <NoteReply id={id} replies={replies} />
<NoteLike id={id} pubkey={eventPubkey} likes={likes} /> <NoteLike id={id} pubkey={eventPubkey} likes={likes} />
<NoteRepost id={id} pubkey={eventPubkey} reposts={reposts} /> <NoteRepost id={id} pubkey={eventPubkey} reposts={reposts} />
<button className="inline-flex w-min items-center gap-1.5"> <button className="group inline-flex w-min items-center gap-1.5">
<ZapIcon width={20} height={20} className="text-zinc-400" /> <ZapIcon width={20} height={20} className="text-zinc-400 group-hover:text-orange-400" />
<span className="text-sm leading-none text-zinc-400">{0}</span> <span className="text-sm leading-none text-zinc-400 group-hover:text-zinc-200">{0}</span>
</button> </button>
</div> </div>
); );