From c3cf48e731a26e7213ec07a06369a350cb1484db Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Tue, 22 Oct 2024 22:52:56 +0100
Subject: [PATCH] maybe fix tooltips on mobile?

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

diff --git a/projects/website/src/components/tooltip.tsx b/projects/website/src/components/tooltip.tsx
index 5e0bd30..610b650 100644
--- a/projects/website/src/components/tooltip.tsx
+++ b/projects/website/src/components/tooltip.tsx
@@ -1,4 +1,8 @@
+"use client";
+
 import { Tooltip as ShadCnTooltip, TooltipContent, TooltipTrigger } from "./ui/tooltip";
+import { useState } from "react";
+import { cn } from "@/common/utils";
 
 type Props = {
   /**
@@ -28,10 +32,21 @@ type Props = {
 };
 
 export default function Tooltip({ children, display, asChild = true, side = "top", className }: Props) {
+  const [open, setOpen] = useState(false);
+
   return (
     <ShadCnTooltip>
       <TooltipTrigger className={className} asChild={asChild}>
-        {children}
+        <button
+          type="button"
+          className={cn("cursor-default", className)}
+          onClick={() => setOpen(!open)}
+          onMouseEnter={() => setOpen(true)}
+          onMouseLeave={() => setOpen(false)}
+          onTouchStart={() => setOpen(!open)}
+        >
+          {children}
+        </button>
       </TooltipTrigger>
       <TooltipContent side={side}>{display}</TooltipContent>
     </ShadCnTooltip>