Refactor TemplateVersionPage stories

BrunoQuaresma · BrunoQuaresma · commit d40214a145f5 · 2023-09-08T15:39:33.000Z
diff --git a/site/src/pages/TemplateVersionPage/TemplateVersionPageView.stories.tsx b/site/src/pages/TemplateVersionPage/TemplateVersionPageView.stories.tsx
@@ -1,5 +1,4 @@
 import { action } from "@storybook/addon-actions";
-import { Story } from "@storybook/react";
 import { UseTabResult } from "hooks/useTab";
 import {
   mockApiError,
@@ -11,15 +10,7 @@ import {
   TemplateVersionPageView,
   TemplateVersionPageViewProps,
 } from "./TemplateVersionPageView";
-
-export default {
-  title: "pages/TemplateVersionPageView",
-  component: TemplateVersionPageView,
-};
-
-const Template: Story<TemplateVersionPageViewProps> = (args) => (
-  <TemplateVersionPageView {...args} />
-);
+import type { Meta, StoryObj } from "@storybook/react";
 
 const tab: UseTabResult = {
   value: "0",
@@ -53,18 +44,26 @@ const defaultArgs: TemplateVersionPageViewProps = {
   },
 };
 
-export const Default = Template.bind({});
-Default.args = defaultArgs;
+const meta: Meta<typeof TemplateVersionPageView> = {
+  title: "pages/TemplateVersionPageView",
+  component: TemplateVersionPageView,
+  args: defaultArgs,
+};
+
+export default meta;
+type Story = StoryObj<typeof TemplateVersionPageView>;
 
-export const Error = Template.bind({});
-Error.args = {
-  ...defaultArgs,
-  context: {
-    ...defaultArgs.context,
-    currentVersion: undefined,
-    currentFiles: undefined,
-    error: mockApiError({
-      message: "Error on loading the template version",
-    }),
+export const Default: Story = {};
+
+export const Error: Story = {
+  args: {
+    context: {
+      ...defaultArgs.context,
+      currentVersion: undefined,
+      currentFiles: undefined,
+      error: mockApiError({
+        message: "Error on loading the template version",
+      }),
+    },
   },
 };
