fix: add TooltipProvider to AuditHelpTooltip

aqandrew · aqandrew · commit 9e6fa0c21930 · 2025-08-28T20:16:59.000Z
diff --git a/site/src/components/HelpTooltip/HelpTooltip.tsx b/site/src/components/HelpTooltip/HelpTooltip.tsx
@@ -73,7 +73,7 @@ export const HelpTooltipTrigger = forwardRef<
 	});
 
 	return (
-		<TooltipTrigger>
+		<TooltipTrigger asChild>
 			<button
 				{...buttonProps}
 				aria-label="More info"
diff --git a/site/src/pages/AuditPage/AuditHelpTooltip.tsx b/site/src/pages/AuditPage/AuditHelpTooltip.tsx
@@ -7,6 +7,7 @@ import {
 	HelpTooltipTitle,
 	HelpTooltipTrigger,
 } from "components/HelpTooltip/HelpTooltip";
+import { TooltipProvider } from "components/Tooltip/Tooltip";
 import type { FC } from "react";
 import { docs } from "utils/docs";
 
@@ -18,18 +19,20 @@ const Language = {
 
 export const AuditHelpTooltip: FC = () => {
 	return (
-		<HelpTooltip>
-			<HelpTooltipTrigger />
+		<TooltipProvider>
+			<HelpTooltip>
+				<HelpTooltipTrigger />
 
-			<HelpTooltipContent>
-				<HelpTooltipTitle>{Language.title}</HelpTooltipTitle>
-				<HelpTooltipText>{Language.body}</HelpTooltipText>
-				<HelpTooltipLinksGroup>
-					<HelpTooltipLink href={docs("/admin/security/audit-logs")}>
-						{Language.docs}
-					</HelpTooltipLink>
-				</HelpTooltipLinksGroup>
-			</HelpTooltipContent>
-		</HelpTooltip>
+				<HelpTooltipContent>
+					<HelpTooltipTitle>{Language.title}</HelpTooltipTitle>
+					<HelpTooltipText>{Language.body}</HelpTooltipText>
+					<HelpTooltipLinksGroup>
+						<HelpTooltipLink href={docs("/admin/security/audit-logs")}>
+							{Language.docs}
+						</HelpTooltipLink>
+					</HelpTooltipLinksGroup>
+				</HelpTooltipContent>
+			</HelpTooltip>
+		</TooltipProvider>
 	);
 };
