Fix tooltips on mobile

Author: pomber

apps/web/components/blocks-to-context.tsx

@@ -38,10 +38,12 @@ export function WithTooltip({
     ? "p-0 [&>*]:my-0 border-none overflow-auto rounded-none"
     : ""
   return (
-    <TooltipProvider>
+    <TooltipProvider delayDuration={100}>
       <Tooltip>
-        <TooltipTrigger className="underline decoration-dotted underline-offset-4 cursor-help">
-          {children}
+        <TooltipTrigger asChild>
+          <span className="underline decoration-dotted underline-offset-4 cursor-help">
+            {children}
+          </span>
         </TooltipTrigger>
         <TooltipContent className={className}>{block?.children}</TooltipContent>
       </Tooltip>

apps/web/content/blog/build-time-components.mdx

@@ -229,7 +229,7 @@ If you didn't know anything about the build process, your first thought might be
 
 Let's assume we already have a <WithTooltip name="one">_`async function scrape(url)`_</WithTooltip> that given a URL it fetches the HTML, finds the open graph image tag, and returns the `content` attribute, which is the URL of the image we want.
 
-We also have a <WithTooltip name="two">_`function LinkWithCard({ href, children, image })`_</WithTooltip> that renders a link with a hover card that shows the image (I'm using [shadcn's Hover Card](https://ui.shadcn.com/docs/components/hover-card)).
+We also have a <WithTooltip name="two">_`function LinkWithCard({ href, children, image })`_</WithTooltip> that renders a link with a hover card that shows the image.
 
 ## !one