From 668d2486f2bdfbec40f9d6e8e1580935745a32d0 Mon Sep 17 00:00:00 2001
From: Sergey Storchay <r8@r8.com.ua>
Date: Sat, 12 Aug 2023 14:55:54 +0300
Subject: [PATCH] fix: Fix hover for disabled buttons

---
 src/components/toolbar/toolbarButton.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/toolbar/toolbarButton.tsx b/src/components/toolbar/toolbarButton.tsx
index 9c10f44..53ed172 100644
--- 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, {