From 3b45e5a860e17b370268491049f86e956a633434 Mon Sep 17 00:00:00 2001
From: McKayla Washburn <mckayla@hey.com>
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<typeof WorkspaceOutdatedTooltip> = {
+  title: "components/WorkspaceOutdatedTooltip",
+  component: WorkspaceOutdatedTooltip,
+  decorators: [
+    (Story) => {
+      const queryClient = useQueryClient();
+      queryClient.setQueryData(
+        ["templateVersion", MockTemplateVersion.id],
+        MockTemplateVersion,
+      );
+      return <Story />;
+    },
+  ],
+  args: {
+    onUpdateVersion: action("onUpdateVersion"),
+    templateName: MockTemplate.display_name,
+    latestVersionId: MockTemplateVersion.id,
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof WorkspaceOutdatedTooltip>;
+
+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 <mckayla@hey.com>
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<typeof WorkspaceOutdatedTooltip> = {
   title: "components/WorkspaceOutdatedTooltip",
   component: WorkspaceOutdatedTooltip,
-  decorators: [
-    (Story) => {
-      const queryClient = useQueryClient();
-      queryClient.setQueryData(
-        ["templateVersion", MockTemplateVersion.id],
-        MockTemplateVersion,
-      );
-      return <Story />;
-    },
-  ],
+  parameters: {
+    queries: [
+      {
+        key: ["templateVersion", MockTemplateVersion.id],
+        data: MockTemplateVersion,
+      },
+    ],
+  },
   args: {
     onUpdateVersion: action("onUpdateVersion"),
     templateName: MockTemplate.display_name,