From 5fecd383aaf757dbb563a1abd7eee0e64905902c Mon Sep 17 00:00:00 2001
From: MAZE <remvze@proton.me>
Date: Sun, 29 Oct 2023 18:42:20 +0330
Subject: [PATCH] refactor: better tooltip

---
 src/components/buttons/unselect/unselect.tsx |  2 ++
 src/components/tooltip/tooltip.tsx           | 27 +++++++++-----------
 2 files changed, 14 insertions(+), 15 deletions(-)

diff --git a/src/components/buttons/unselect/unselect.tsx b/src/components/buttons/unselect/unselect.tsx
index 2671585..6390cac 100644
--- a/src/components/buttons/unselect/unselect.tsx
+++ b/src/components/buttons/unselect/unselect.tsx
@@ -28,6 +28,8 @@ export function UnselectButton() {
             variants={variants}
           >
             <Tooltip
+              hideDelay={0}
+              showDelay={0}
               content={
                 hasHistory
                   ? 'Restore unselected sounds.'
diff --git a/src/components/tooltip/tooltip.tsx b/src/components/tooltip/tooltip.tsx
index 87c4324..74b2c4c 100644
--- a/src/components/tooltip/tooltip.tsx
+++ b/src/components/tooltip/tooltip.tsx
@@ -38,9 +38,6 @@ export function Tooltip({
     floatingStyles,
     placement: computedPlacement,
     refs,
-    strategy,
-    x,
-    y,
   } = useFloating({
     middleware: [offset(12), flip(), shift()],
     onOpenChange: setIsTooltipOpen,
@@ -90,20 +87,20 @@ export function Tooltip({
 
       <AnimatePresence>
         {isTooltipOpen && (
-          <motion.div
-            animate="show"
-            exit="hidden"
-            initial="hidden"
+          <div
             ref={refs.setFloating}
-            style={floatingStyles}
-            variants={variants}
-            {...getFloatingProps({
-              className: styles.tooltip,
-              style: { left: x ?? 0, position: strategy, top: y ?? 0 },
-            })}
+            {...getFloatingProps({ style: floatingStyles })}
           >
-            {content}
-          </motion.div>
+            <motion.div
+              animate="show"
+              className={styles.tooltip}
+              exit="hidden"
+              initial="hidden"
+              variants={variants}
+            >
+              {content}
+            </motion.div>
+          </div>
         )}
       </AnimatePresence>
     </>