general: fix TooltipButton to stay open on desktop (#879)

zbycz · Jan 9, 2025 · eadd044 · eadd044
1 parent 0655573
commit eadd044
Showing 1 changed file with 20 additions and 5 deletions.
diff --git a/src/components/utils/TooltipButton.tsx b/src/components/utils/TooltipButton.tsx
@@ -54,17 +54,32 @@ export const TooltipButton = ({ tooltip, onClick, color }: Props) => {
 
   useClickAwayListener(tooltipRef, hide, isMobile);
 
-  return (
+  const content = (
+    <StyledIconButton onClick={handleClick}>
+      <InfoOutlinedIcon fontSize="small" color={color} />
+    </StyledIconButton>
+  );
+
+  // There is a bug in MUI, passing `open={undefined}` prop to Tooltip makes it uninteractive TODO check again eg 6/2025, or report
+  return isMobile ? (
+    <Tooltip
+      arrow
+      title={tooltip}
+      placement="top"
+      open={mobileTooltipShown}
+      ref={tooltipRef}
+    >
+      {content}
+    </Tooltip>
+  ) : (
     <Tooltip
       arrow
       title={tooltip}
       placement="top"
-      open={isMobile ? mobileTooltipShown : undefined}
+      //open={isMobile ? mobileTooltipShown : undefined} -- broken, see above
       ref={tooltipRef}
     >
-      <StyledIconButton onClick={handleClick}>
-        <InfoOutlinedIcon fontSize="small" color={color} />
-      </StyledIconButton>
+      {content}
     </Tooltip>
   );
 };