fix: fix badge in sidebaritem bouncing when hover

msgbyte · Aug 2, 2023 · c045475 · c045475
1 parent bc36cb0
commit c045475
Showing 1 changed file with 5 additions and 3 deletions.
diff --git 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>
   );