From 75d70a9542869d5a92371beec1c4738936d5cbf4 Mon Sep 17 00:00:00 2001
From: Kayla Washburn-Love <mckayla@hey.com>
Date: Fri, 19 Jan 2024 11:41:18 -0700
Subject: [PATCH] chore: add a story for `WorkspaceOutdatedTooltip` (#11695)

---
 .../WorkspaceOutdatedTooltip.stories.tsx      | 29 +++++++++++++++++++
 .../WorkspaceOutdatedTooltip.tsx              |  2 +-
 2 files changed, 30 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 0000000000..5468a78ebe
--- /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<typeof WorkspaceOutdatedTooltip> = {
+  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<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 6e3f416eeb..0b13f30397 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;
 }