#12 Fix issue with material UI tooltips on disabled items

See mui/material-ui#8416
tscz · Jan 19, 2020 · 85fef53 · 85fef53
1 parent e1cba6d
commit 85fef53
Showing 1 changed file with 13 additions and 13 deletions.
diff --git a/src/pages/structure/structurePage.tsx b/src/pages/structure/structurePage.tsx
@@ -289,20 +289,20 @@ const WaveformControlButton = (props: {
   disabled?: boolean;
   onClick?: (e?: any) => void;
 }) => {
-  return (
-    <Tooltip title={props.title}>
-      <>
-        <IconButton
-          onClick={props.onClick}
-          size="small"
-          style={{ marginTop: "8px", marginRight: "5px" }}
-          disabled={props.disabled}
-        >
-          {props.icon}
-        </IconButton>
-      </>
-    </Tooltip>
+  const button = (
+    <IconButton
+      onClick={props.onClick}
+      size="small"
+      style={{ marginTop: "8px", marginRight: "5px" }}
+      disabled={props.disabled}
+    >
+      {props.icon}
+    </IconButton>
   );
+
+  if (props.disabled) return button;
+
+  return <Tooltip title={props.title}>{button}</Tooltip>;
 };
 
 const mapStateToProps = ({ project, audio, analysis }: ApplicationState) => {