Refactor SecuritySettingsPageView stories

BrunoQuaresma · BrunoQuaresma · commit 1618d36fc74f · 2023-09-08T15:39:33.000Z
diff --git a/site/src/pages/DeploySettingsPage/SecuritySettingsPage/SecuritySettingsPageView.stories.tsx b/site/src/pages/DeploySettingsPage/SecuritySettingsPage/SecuritySettingsPageView.stories.tsx
@@ -1,11 +1,14 @@
-import { ComponentMeta, Story } from "@storybook/react";
-import { DeploymentOption } from "api/types";
-import {
-  SecuritySettingsPageView,
-  SecuritySettingsPageViewProps,
-} from "./SecuritySettingsPageView";
+import { DeploymentGroup, DeploymentOption } from "api/types";
+import { SecuritySettingsPageView } from "./SecuritySettingsPageView";
+import type { Meta, StoryObj } from "@storybook/react";
 
-export default {
+const group: DeploymentGroup = {
+  name: "Networking",
+  description: "",
+  children: [] as DeploymentGroup[],
+};
+
+const meta: Meta<typeof SecuritySettingsPageView> = {
   title: "pages/SecuritySettingsPageView",
   component: SecuritySettingsPageView,
   args: {
@@ -14,50 +17,62 @@ export default {
         name: "SSH Keygen Algorithm",
         description: "something",
         value: "1234",
+        group,
+        flag: "derp",
+        flag_shorthand: "d",
+        hidden: false,
       },
       {
         name: "Secure Auth Cookie",
         description: "something",
         value: "1234",
+        flag: "derp",
+        flag_shorthand: "d",
+        hidden: false,
       },
       {
         name: "Disable Owner Workspace Access",
         description: "something",
         value: false,
+        flag: "derp",
+        flag_shorthand: "d",
+        hidden: false,
       },
       {
         name: "TLS Version",
         description: "something",
         value: ["something"],
-        group: {
-          name: "TLS",
-        },
+        group: { ...group, name: "TLS" },
+        flag: "derp",
+        flag_shorthand: "d",
+        hidden: false,
       },
     ],
     featureAuditLogEnabled: true,
     featureBrowserOnlyEnabled: true,
   },
-} as ComponentMeta<typeof SecuritySettingsPageView>;
+};
 
-const Template: Story<SecuritySettingsPageViewProps> = (args) => (
-  <SecuritySettingsPageView {...args} />
-);
-export const Page = Template.bind({});
+export default meta;
+type Story = StoryObj<typeof SecuritySettingsPageView>;
 
-export const NoTLS = Template.bind({});
-NoTLS.args = {
-  options: [
-    {
-      name: "SSH Keygen Algorithm",
-      value: "1234",
-    } as DeploymentOption,
-    {
-      name: "Disable Owner Workspace Access",
-      value: false,
-    } as DeploymentOption,
-    {
-      name: "Secure Auth Cookie",
-      value: "1234",
-    } as DeploymentOption,
-  ],
+export const Page: Story = {};
+
+export const NoTLS = {
+  args: {
+    options: [
+      {
+        name: "SSH Keygen Algorithm",
+        value: "1234",
+      } as DeploymentOption,
+      {
+        name: "Disable Owner Workspace Access",
+        value: false,
+      } as DeploymentOption,
+      {
+        name: "Secure Auth Cookie",
+        value: "1234",
+      } as DeploymentOption,
+    ],
+  },
 };
