Refactor DeleteDialog stories

BrunoQuaresma · BrunoQuaresma · commit 70ef3da9f5cb · 2023-09-07T12:35:48.000Z
diff --git a/site/src/components/Dialogs/DeleteDialog/DeleteDialog.stories.tsx b/site/src/components/Dialogs/DeleteDialog/DeleteDialog.stories.tsx
@@ -1,28 +1,21 @@
 import { action } from "@storybook/addon-actions";
-import { ComponentMeta, Story } from "@storybook/react";
-import { DeleteDialog, DeleteDialogProps } from "./DeleteDialog";
+import type { Meta, StoryObj } from "@storybook/react";
+import { DeleteDialog } from "./DeleteDialog";
 
-export default {
-  title: "Components/Dialogs/DeleteDialog",
+const meta: Meta<typeof DeleteDialog> = {
+  title: "components/Dialogs/DeleteDialog",
   component: DeleteDialog,
-  argTypes: {
-    open: {
-      control: "boolean",
-    },
-  },
   args: {
     onCancel: action("onClose"),
     onConfirm: action("onConfirm"),
-    open: true,
+    isOpen: true,
     entity: "foo",
     name: "MyFoo",
     info: "Here's some info about the foo so you know you're deleting the right one.",
   },
-} as ComponentMeta<typeof DeleteDialog>;
+};
 
-const Template: Story<DeleteDialogProps> = (args) => <DeleteDialog {...args} />;
+export default meta;
+type Story = StoryObj<typeof DeleteDialog>;
 
-export const Example = Template.bind({});
-Example.args = {
-  isOpen: true,
-};
+export const Example: Story = {};
