From 3b45e5a860e17b370268491049f86e956a633434 Mon Sep 17 00:00:00 2001 From: McKayla Washburn Date: Thu, 18 Jan 2024 23:18:49 +0000 Subject: [PATCH 1/2] chore: add a story for `WorkspaceOutdatedTooltip` --- .../WorkspaceOutdatedTooltip.stories.tsx | 32 +++++++++++++++++++ .../WorkspaceOutdatedTooltip.tsx | 2 +- 2 files changed, 33 insertions(+), 1 deletion(-) create mode 100644 site/src/components/WorkspaceOutdatedTooltip/WorkspaceOutdatedTooltip.stories.tsx diff --git a/site/src/components/WorkspaceOutdatedTooltip/WorkspaceOutdatedTooltip.stories.tsx b/site/src/components/WorkspaceOutdatedTooltip/WorkspaceOutdatedTooltip.stories.tsx new file mode 100644 index 0000000000000..34c1393f9beaa --- /dev/null +++ b/site/src/components/WorkspaceOutdatedTooltip/WorkspaceOutdatedTooltip.stories.tsx @@ -0,0 +1,32 @@ +import { action } from "@storybook/addon-actions"; +import type { Meta, StoryObj } from "@storybook/react"; +import { useQueryClient } from "react-query"; +import { MockTemplateVersion, MockTemplate } from "testHelpers/entities"; +import { WorkspaceOutdatedTooltip } from "./WorkspaceOutdatedTooltip"; + +const meta: Meta = { + title: "components/WorkspaceOutdatedTooltip", + component: WorkspaceOutdatedTooltip, + decorators: [ + (Story) => { + const queryClient = useQueryClient(); + queryClient.setQueryData( + ["templateVersion", MockTemplateVersion.id], + MockTemplateVersion, + ); + return ; + }, + ], + 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; } From db7875252b90b11ed77f727cfb3129ddff6b0328 Mon Sep 17 00:00:00 2001 From: McKayla Washburn Date: Fri, 19 Jan 2024 18:19:08 +0000 Subject: [PATCH 2/2] `parameters: { queries }` --- .../WorkspaceOutdatedTooltip.stories.tsx | 19 ++++++++----------- 1 file changed, 8 insertions(+), 11 deletions(-) diff --git a/site/src/components/WorkspaceOutdatedTooltip/WorkspaceOutdatedTooltip.stories.tsx b/site/src/components/WorkspaceOutdatedTooltip/WorkspaceOutdatedTooltip.stories.tsx index 34c1393f9beaa..5468a78ebee44 100644 --- a/site/src/components/WorkspaceOutdatedTooltip/WorkspaceOutdatedTooltip.stories.tsx +++ b/site/src/components/WorkspaceOutdatedTooltip/WorkspaceOutdatedTooltip.stories.tsx @@ -1,22 +1,19 @@ import { action } from "@storybook/addon-actions"; import type { Meta, StoryObj } from "@storybook/react"; -import { useQueryClient } from "react-query"; import { MockTemplateVersion, MockTemplate } from "testHelpers/entities"; import { WorkspaceOutdatedTooltip } from "./WorkspaceOutdatedTooltip"; const meta: Meta = { title: "components/WorkspaceOutdatedTooltip", component: WorkspaceOutdatedTooltip, - decorators: [ - (Story) => { - const queryClient = useQueryClient(); - queryClient.setQueryData( - ["templateVersion", MockTemplateVersion.id], - MockTemplateVersion, - ); - return ; - }, - ], + parameters: { + queries: [ + { + key: ["templateVersion", MockTemplateVersion.id], + data: MockTemplateVersion, + }, + ], + }, args: { onUpdateVersion: action("onUpdateVersion"), templateName: MockTemplate.display_name,