From c045475f6293c40258703917afc4aa4f03cb54db Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Wed, 2 Aug 2023 21:31:57 +0800
Subject: [PATCH] fix: fix badge in sidebaritem bouncing when hover

---
 client/web/src/routes/Main/Content/SidebarItem.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/client/web/src/routes/Main/Content/SidebarItem.tsx b/client/web/src/routes/Main/Content/SidebarItem.tsx
index 8757f15b..78070f07 100644
--- a/client/web/src/routes/Main/Content/SidebarItem.tsx
+++ b/client/web/src/routes/Main/Content/SidebarItem.tsx
@@ -48,9 +48,11 @@ export const SidebarItem: React.FC<SidebarItemProps> = React.memo((props) => {
           <Badge count={Number(badge) || 0} />
         )}
 
-        <div className="text-base p-1 cursor-pointer hidden opacity-70 group-hover:block hover:opacity-100">
-          {props.action}
-        </div>
+        {props.action && (
+          <div className="text-base p-1 cursor-pointer hidden opacity-70 group-hover:block hover:opacity-100">
+            {props.action}
+          </div>
+        )}
       </div>
     </Link>
   );