Refactor FormFooter stories

BrunoQuaresma · BrunoQuaresma · commit e41349c700a3 · 2023-09-07T12:50:54.000Z
diff --git a/site/src/components/FormFooter/FormFooter.stories.tsx b/site/src/components/FormFooter/FormFooter.stories.tsx
@@ -1,28 +1,29 @@
-import { ComponentMeta, Story } from "@storybook/react";
-import { FormFooter, FormFooterProps } from "./FormFooter";
+import { FormFooter } from "./FormFooter";
+import type { Meta, StoryObj } from "@storybook/react";
 
-export default {
+const meta: Meta<typeof FormFooter> = {
   title: "components/FormFooter",
   component: FormFooter,
-  argTypes: {
-    onCancel: { action: "cancel" },
-  },
-} as ComponentMeta<typeof FormFooter>;
+};
 
-const Template: Story<FormFooterProps> = (args) => <FormFooter {...args} />;
+export default meta;
+type Story = StoryObj<typeof FormFooter>;
 
-export const Ready = Template.bind({});
-Ready.args = {
-  isLoading: false,
+export const Ready: Story = {
+  args: {
+    isLoading: false,
+  },
 };
 
-export const Custom = Template.bind({});
-Custom.args = {
-  isLoading: false,
-  submitLabel: "Create",
+export const Custom: Story = {
+  args: {
+    isLoading: false,
+    submitLabel: "Create",
+  },
 };
 
-export const Loading = Template.bind({});
-Loading.args = {
-  isLoading: true,
+export const Loading: Story = {
+  args: {
+    isLoading: true,
+  },
 };
