From f91a6545a19fdf0c2978a97722e33d6e9d93cf66 Mon Sep 17 00:00:00 2001
From: codytseng <codytseng98@gmail.com>
Date: Sun, 8 Dec 2024 15:55:05 +0800
Subject: [PATCH] feat: enhance reply display toggle with hover effects

---
 src/renderer/src/components/NoteList/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/renderer/src/components/NoteList/index.tsx b/src/renderer/src/components/NoteList/index.tsx
index 0d29a94..cb524a1 100644
--- a/src/renderer/src/components/NoteList/index.tsx
+++ b/src/renderer/src/components/NoteList/index.tsx
@@ -170,13 +170,13 @@ function DisplayRepliesSwitch({
       <div>
         <div className="flex">
           <div
-            className={`w-1/2 text-center py-2 font-semibold ${displayReplies ? 'text-muted-foreground' : ''}`}
+            className={`w-1/2 text-center py-2 font-semibold hover:bg-muted cursor-pointer rounded-lg ${displayReplies ? 'text-muted-foreground' : ''}`}
             onClick={() => setDisplayReplies(false)}
           >
             {t('Notes')}
           </div>
           <div
-            className={`w-1/2 text-center py-2 font-semibold ${displayReplies ? '' : 'text-muted-foreground'}`}
+            className={`w-1/2 text-center py-2 font-semibold hover:bg-muted cursor-pointer rounded-lg ${displayReplies ? '' : 'text-muted-foreground'}`}
             onClick={() => setDisplayReplies(true)}
           >
             {t('Notes & Replies')}