added behavior to tooltip

tooltip disappears on click now
2025-07-30 08:57:32 -07:00
parent 54e1d6c8ad
commit 6ce374405c
1 changed files with 9 additions and 2 deletions
@@ -12,7 +12,7 @@ export default function Tooltip ({tooltipkey, content, sidebarIsOpen, children})
    <chakra.div
      width={sidebarIsOpen ? "194px" : "55px"}
      transition="width 0.4s ease"
-      onMouseEnter={() => { timeoutId.current = setTimeout(() => setIsVisible(true), 1000); }}
+      onMouseEnter={() => { timeoutId.current = setTimeout(() => setIsVisible(true), 1100); }}
      onMouseLeave={() => {
        if (timeoutId.current) {
          clearTimeout(timeoutId.current);
@@ -20,6 +20,13 @@ export default function Tooltip ({tooltipkey, content, sidebarIsOpen, children})
        }
        setIsVisible(false);
      }}
+      onClick={() => {
+        if (timeoutId.current) {
+          clearTimeout(timeoutId.current);
+          timeoutId.current = null;
+        }
+        setIsVisible(false);
+      }}
    >
      {children}
      {isVisible && !sidebarIsOpen && (