diff --git a/site/src/components/WorkspaceOutdatedTooltip/WorkspaceOutdatedTooltip.stories.tsx b/site/src/components/WorkspaceOutdatedTooltip/WorkspaceOutdatedTooltip.stories.tsx new file mode 100644 index 0000000000000..5468a78ebee44 --- /dev/null +++ b/site/src/components/WorkspaceOutdatedTooltip/WorkspaceOutdatedTooltip.stories.tsx @@ -0,0 +1,29 @@ +import { action } from "@storybook/addon-actions"; +import type { Meta, StoryObj } from "@storybook/react"; +import { MockTemplateVersion, MockTemplate } from "testHelpers/entities"; +import { WorkspaceOutdatedTooltip } from "./WorkspaceOutdatedTooltip"; + +const meta: Meta = { + title: "components/WorkspaceOutdatedTooltip", + component: WorkspaceOutdatedTooltip, + parameters: { + queries: [ + { + key: ["templateVersion", MockTemplateVersion.id], + data: MockTemplateVersion, + }, + ], + }, + args: { + onUpdateVersion: action("onUpdateVersion"), + templateName: MockTemplate.display_name, + latestVersionId: MockTemplateVersion.id, + }, +}; + +export default meta; +type Story = StoryObj; + +const Example: Story = {}; + +export { Example as WorkspaceOutdatedTooltip }; diff --git a/site/src/components/WorkspaceOutdatedTooltip/WorkspaceOutdatedTooltip.tsx b/site/src/components/WorkspaceOutdatedTooltip/WorkspaceOutdatedTooltip.tsx index 6e3f416eeb4da..0b13f30397e41 100644 --- a/site/src/components/WorkspaceOutdatedTooltip/WorkspaceOutdatedTooltip.tsx +++ b/site/src/components/WorkspaceOutdatedTooltip/WorkspaceOutdatedTooltip.tsx @@ -26,8 +26,8 @@ export const Language = { interface TooltipProps { onUpdateVersion: () => void; - latestVersionId: string; templateName: string; + latestVersionId: string; ariaLabel?: string; }