fix: Fix hover for disabled buttons

r8 · Aug 12, 2023 · 668d248 · 668d248
1 parent dccbcef
commit 668d248
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/toolbar/toolbarButton.tsx b/src/components/toolbar/toolbarButton.tsx
@@ -36,7 +36,7 @@ const ToolbarButton = (props: React.PropsWithChildren<ToolbarButtonProps>) => {
     width: buttonSize,
     height: buttonSize,
     backgroundColor: theme.buttonBackgroundColor,
-    filter: isHover ? "brightness(80%)" : null,
+    filter: !disabled && isHover ? "brightness(80%)" : null,
     borderRadius: buttonSize / 5,
     display: "flex",
     alignItems: "center",
@@ -49,8 +49,8 @@ const ToolbarButton = (props: React.PropsWithChildren<ToolbarButtonProps>) => {
     <button
       style={buttonStyle}
       onClick={!disabled && onClick}
-      onMouseEnter={!disabled && handleMouseEnter}
-      onMouseLeave={!disabled && handleMouseLeave}
+      onMouseEnter={handleMouseEnter}
+      onMouseLeave={handleMouseLeave}
     >
       {React.Children.map(children, (child: ReactElement) => {
         return React.cloneElement(child, {