From 2a1b64fdfe1b85fdf686757c74e57399f83d1999 Mon Sep 17 00:00:00 2001
From: Ren Amamiya <123083837+reyamir@users.noreply.github.com>
Date: Sat, 29 Apr 2023 17:41:42 +0700
Subject: [PATCH] update note metadata

---
 src/app/newsfeed/components/metadata/like.tsx   | 6 +++---
 src/app/newsfeed/components/metadata/reply.tsx  | 6 +++---
 src/app/newsfeed/components/metadata/repost.tsx | 6 +++---
 src/app/newsfeed/components/note/metadata.tsx   | 6 +++---
 4 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/app/newsfeed/components/metadata/like.tsx b/src/app/newsfeed/components/metadata/like.tsx
index 1f79dda4..c052e85e 100644
--- a/src/app/newsfeed/components/metadata/like.tsx
+++ b/src/app/newsfeed/components/metadata/like.tsx
@@ -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>
   );
 }
diff --git a/src/app/newsfeed/components/metadata/reply.tsx b/src/app/newsfeed/components/metadata/reply.tsx
index 6aca88d6..1863ccc8 100644
--- a/src/app/newsfeed/components/metadata/reply.tsx
+++ b/src/app/newsfeed/components/metadata/reply.tsx
@@ -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}>
diff --git a/src/app/newsfeed/components/metadata/repost.tsx b/src/app/newsfeed/components/metadata/repost.tsx
index 69c17e78..7b907d7a 100644
--- a/src/app/newsfeed/components/metadata/repost.tsx
+++ b/src/app/newsfeed/components/metadata/repost.tsx
@@ -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>
   );
 }
diff --git a/src/app/newsfeed/components/note/metadata.tsx b/src/app/newsfeed/components/note/metadata.tsx
index ba4b19b8..10c67eab 100644
--- a/src/app/newsfeed/components/note/metadata.tsx
+++ b/src/app/newsfeed/components/note/metadata.tsx
@@ -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>
   );