From 56b2f272b9864b608abb3a53879d8461ca549292 Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Wed, 23 Oct 2024 16:22:41 +0100
Subject: [PATCH] maybe fix tooltip on mobile?

---
 projects/website/src/components/tooltip.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/projects/website/src/components/tooltip.tsx b/projects/website/src/components/tooltip.tsx
index 63738c3..a2d919d 100644
--- a/projects/website/src/components/tooltip.tsx
+++ b/projects/website/src/components/tooltip.tsx
@@ -3,6 +3,7 @@
 import { Tooltip as ShadCnTooltip, TooltipContent, TooltipTrigger } from "./ui/tooltip";
 import { useState } from "react";
 import { cn } from "@/common/utils";
+import { useDebounce } from "@uidotdev/usehooks";
 
 type Props = {
   /**
@@ -33,9 +34,10 @@ type Props = {
 
 export default function Tooltip({ children, display, asChild = true, side = "top", className }: Props) {
   const [open, setOpen] = useState(false);
+  const openDebounce = useDebounce(open, 100);
 
   return (
-    <ShadCnTooltip>
+    <ShadCnTooltip open={openDebounce}>
       <TooltipTrigger className={className} asChild={asChild}>
         <div
           className={cn("cursor-default", className)}