fix(main): properly fade out jar tooltips (#848)

joinmarket-webui · Sep 13, 2024 · 1f6eddf · 1f6eddf
1 parent 2454966
commit 1f6eddf
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/components/jars/Jar.tsx b/src/components/jars/Jar.tsx
@@ -209,12 +209,14 @@ const SelectableJar = ({
  */
 const OpenableJar = ({ tooltipText, onClick, ...jarProps }: OpenableJarProps) => {
   const [jarIsOpen, setJarIsOpen] = useState(false)
-  const onMouseOver = () => setJarIsOpen(true)
-  const onMouseOut = () => setJarIsOpen(false)
+  const openJar = () => setJarIsOpen(true)
+  const closeJar = () => setJarIsOpen(false)
 
   return (
-    <div onMouseOver={onMouseOver} onMouseOut={onMouseOut}>
+    <div onMouseOver={openJar} onMouseOut={closeJar}>
       <rb.OverlayTrigger
+        placement="top"
+        trigger="hover"
         popperConfig={{
           modifiers: [
             {