Skip to content

Commit ad562be

Browse files
aqandrewaqandrew
committed
fix: add TooltipProvider to SubAgentOutdatedTooltip
1 parent 6134bad commit ad562be

File tree

2 files changed

+50
-45
lines changed

2 files changed

+50
-45
lines changed

‎site/src/modules/resources/AgentStatus.tsx

Lines changed: 23 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -309,27 +309,29 @@ const SubAgentStatus: FC<SubAgentStatusProps> = ({ agent }) => {
309309

310310
const DevcontainerStartError: FC<AgentStatusProps> = ({ agent }) => {
311311
return (
312-
<HelpTooltip>
313-
<TooltipTrigger asChild role="status" aria-label="Start error">
314-
<TriangleAlertIcon css={styles.errorWarning} />
315-
</TooltipTrigger>
316-
<HelpTooltipContent>
317-
<HelpTooltipTitle>
318-
Error starting the devcontainer agent
319-
</HelpTooltipTitle>
320-
<HelpTooltipText>
321-
Something went wrong during the devcontainer agent startup.{" "}
322-
<Link
323-
target="_blank"
324-
rel="noreferrer"
325-
href={agent.troubleshooting_url}
326-
>
327-
Troubleshoot
328-
</Link>
329-
.
330-
</HelpTooltipText>
331-
</HelpTooltipContent>
332-
</HelpTooltip>
312+
<TooltipProvider>
313+
<HelpTooltip>
314+
<TooltipTrigger asChild role="status" aria-label="Start error">
315+
<TriangleAlertIcon css={styles.errorWarning} />
316+
</TooltipTrigger>
317+
<HelpTooltipContent>
318+
<HelpTooltipTitle>
319+
Error starting the devcontainer agent
320+
</HelpTooltipTitle>
321+
<HelpTooltipText>
322+
Something went wrong during the devcontainer agent startup.{" "}
323+
<Link
324+
target="_blank"
325+
rel="noreferrer"
326+
href={agent.troubleshooting_url}
327+
>
328+
Troubleshoot
329+
</Link>
330+
.
331+
</HelpTooltipText>
332+
</HelpTooltipContent>
333+
</HelpTooltip>
334+
</TooltipProvider>
333335
);
334336
};
335337

‎site/src/modules/resources/SubAgentOutdatedTooltip.tsx

Lines changed: 27 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@ import {
1212
HelpTooltipTrigger,
1313
} from "components/HelpTooltip/HelpTooltip";
1414
import { Stack } from "components/Stack/Stack";
15+
import { TooltipProvider } from "components/Tooltip/Tooltip";
1516
import { RotateCcwIcon } from "lucide-react";
1617
import type { FC } from "react";
1718

@@ -38,30 +39,32 @@ export const SubAgentOutdatedTooltip: FC<SubAgentOutdatedTooltipProps> = ({
3839
const text = `${opener} This can happen if you modify your devcontainer.json file after the Dev Container has been created. To fix this, you can rebuild the Dev Container.`;
3940

4041
return (
41-
<HelpTooltip>
42-
<HelpTooltipTrigger>
43-
<span role="status" className="cursor-pointer">
44-
Outdated
45-
</span>
46-
</HelpTooltipTrigger>
47-
<HelpTooltipContent>
48-
<Stack spacing={1}>
49-
<div>
50-
<HelpTooltipTitle>{title}</HelpTooltipTitle>
51-
<HelpTooltipText>{text}</HelpTooltipText>
52-
</div>
42+
<TooltipProvider>
43+
<HelpTooltip>
44+
<HelpTooltipTrigger>
45+
<span role="status" className="cursor-pointer">
46+
Outdated
47+
</span>
48+
</HelpTooltipTrigger>
49+
<HelpTooltipContent>
50+
<Stack spacing={1}>
51+
<div>
52+
<HelpTooltipTitle>{title}</HelpTooltipTitle>
53+
<HelpTooltipText>{text}</HelpTooltipText>
54+
</div>
5355

54-
<HelpTooltipLinksGroup>
55-
<HelpTooltipAction
56-
icon={RotateCcwIcon}
57-
onClick={onUpdate}
58-
ariaLabel="Rebuild Dev Container"
59-
>
60-
Rebuild Dev Container
61-
</HelpTooltipAction>
62-
</HelpTooltipLinksGroup>
63-
</Stack>
64-
</HelpTooltipContent>
65-
</HelpTooltip>
56+
<HelpTooltipLinksGroup>
57+
<HelpTooltipAction
58+
icon={RotateCcwIcon}
59+
onClick={onUpdate}
60+
ariaLabel="Rebuild Dev Container"
61+
>
62+
Rebuild Dev Container
63+
</HelpTooltipAction>
64+
</HelpTooltipLinksGroup>
65+
</Stack>
66+
</HelpTooltipContent>
67+
</HelpTooltip>
68+
</TooltipProvider>
6669
);
6770
};

0 commit comments

Comments
 (0)