fix: fix badge in sidebaritem bouncing when hover

2 years ago · c045475f62
parent bc36cb0665
commit c045475f62
1 changed files with 5 additions and 3 deletions
--- 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>
  );