refactor: better tooltip

remvze · Oct 29, 2023 · 5fecd38 · 5fecd38
1 parent f5cdb8c
commit 5fecd38
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 15 deletions.
diff --git 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
@@ -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>
     </>