fix footer stories

aslilac · aslilac · commit c2263f1fc1e1 · 2024-06-13T16:13:52.000Z
diff --git a/site/src/components/FormFooter/FormFooter.stories.tsx b/site/src/components/FormFooter/FormFooter.stories.tsx
@@ -1,23 +1,31 @@
+import { action } from "@storybook/addon-actions";
 import type { Meta, StoryObj } from "@storybook/react";
 import { FormFooter } from "./FormFooter";
 
 const meta: Meta<typeof FormFooter> = {
   title: "components/FormFooter",
   component: FormFooter,
+  args: {
+    isLoading: false,
+    onCancel: action("onCancel"),
+  },
 };
 
 export default meta;
 type Story = StoryObj<typeof FormFooter>;
 
 export const Ready: Story = {
+  args: {},
+};
+
+export const NoCancel: Story = {
   args: {
-    isLoading: false,
+    onCancel: undefined,
   },
 };
 
 export const Custom: Story = {
   args: {
-    isLoading: false,
     submitLabel: "Create",
   },
 };
diff --git a/site/src/pages/CreateTemplatePage/CreateTemplateForm.stories.tsx b/site/src/pages/CreateTemplatePage/CreateTemplateForm.stories.tsx
@@ -1,3 +1,4 @@
+import { action } from "@storybook/addon-actions";
 import type { Meta, StoryObj } from "@storybook/react";
 import {
   MockTemplate,
@@ -15,6 +16,7 @@ const meta: Meta<typeof CreateTemplateForm> = {
   component: CreateTemplateForm,
   args: {
     isSubmitting: false,
+    onCancel: action("onCancel"),
   },
 };
 
diff --git a/site/src/pages/CreateWorkspacePage/CreateWorkspacePageView.stories.tsx b/site/src/pages/CreateWorkspacePage/CreateWorkspacePageView.stories.tsx
@@ -1,3 +1,4 @@
+import { action } from "@storybook/addon-actions";
 import type { Meta, StoryObj } from "@storybook/react";
 import { chromatic } from "testHelpers/chromatic";
 import {
@@ -26,6 +27,7 @@ const meta: Meta<typeof CreateWorkspacePageView> = {
     permissions: {
       createWorkspaceForUser: true,
     },
+    onCancel: action("onCancel"),
   },
 };
 
diff --git a/site/src/pages/GroupsPage/SettingsGroupPageView.stories.tsx b/site/src/pages/GroupsPage/SettingsGroupPageView.stories.tsx
@@ -1,20 +1,21 @@
 import type { Meta, StoryObj } from "@storybook/react";
 import { MockGroup } from "testHelpers/entities";
 import { SettingsGroupPageView } from "./SettingsGroupPageView";
+import { action } from "@storybook/addon-actions/*";
 
 const meta: Meta<typeof SettingsGroupPageView> = {
   title: "pages/GroupsPage/SettingsGroupPageView",
   component: SettingsGroupPageView,
-};
-
-export default meta;
-type Story = StoryObj<typeof SettingsGroupPageView>;
-
-const Example: Story = {
   args: {
+    onCancel: action("onCancel"),
     group: MockGroup,
     isLoading: false,
   },
 };
 
+export default meta;
+type Story = StoryObj<typeof SettingsGroupPageView>;
+
+const Example: Story = {};
+
 export { Example as SettingsGroupPageView };
diff --git a/site/src/pages/TemplateSettingsPage/TemplateGeneralSettingsPage/TemplateSettingsPageView.stories.tsx b/site/src/pages/TemplateSettingsPage/TemplateGeneralSettingsPage/TemplateSettingsPageView.stories.tsx
@@ -1,3 +1,4 @@
+import { action } from "@storybook/addon-actions";
 import type { Meta, StoryObj } from "@storybook/react";
 import { mockApiError, MockTemplate } from "testHelpers/entities";
 import { TemplateSettingsPageView } from "./TemplateSettingsPageView";
@@ -9,6 +10,7 @@ const meta: Meta<typeof TemplateSettingsPageView> = {
     template: MockTemplate,
     accessControlEnabled: true,
     advancedSchedulingEnabled: true,
+    onCancel: action("onCancel"),
   },
 };
 
diff --git a/site/src/pages/TemplateSettingsPage/TemplateVariablesPage/TemplateVariablesPageView.stories.tsx b/site/src/pages/TemplateSettingsPage/TemplateVariablesPage/TemplateVariablesPageView.stories.tsx
@@ -1,3 +1,4 @@
+import { action } from "@storybook/addon-actions";
 import type { Meta, StoryObj } from "@storybook/react";
 import {
   mockApiError,
@@ -13,6 +14,9 @@ import { TemplateVariablesPageView } from "./TemplateVariablesPageView";
 const meta: Meta<typeof TemplateVariablesPageView> = {
   title: "pages/TemplateSettingsPage/TemplateVariablesPageView",
   component: TemplateVariablesPageView,
+  args: {
+    onCancel: action("onCancel"),
+  },
 };
 
 export default meta;
diff --git a/site/src/pages/WorkspaceSettingsPage/WorkspaceParametersPage/WorkspaceParametersPage.stories.tsx b/site/src/pages/WorkspaceSettingsPage/WorkspaceParametersPage/WorkspaceParametersPage.stories.tsx
@@ -1,3 +1,4 @@
+import { action } from "@storybook/addon-actions";
 import type { Meta, StoryObj } from "@storybook/react";
 import {
   MockWorkspaceBuildParameter1,
@@ -19,6 +20,7 @@ const meta: Meta<typeof WorkspaceParametersPageView> = {
     isSubmitting: false,
     workspace: MockWorkspace,
     canChangeVersions: true,
+    onCancel: action("onCancel"),
 
     data: {
       buildParameters: [
diff --git a/site/src/pages/WorkspaceSettingsPage/WorkspaceSchedulePage/WorkspaceScheduleForm.stories.tsx b/site/src/pages/WorkspaceSettingsPage/WorkspaceSchedulePage/WorkspaceScheduleForm.stories.tsx
@@ -10,6 +10,7 @@ import {
 import { emptyTTL } from "pages/WorkspaceSettingsPage/WorkspaceSchedulePage/ttl";
 import { MockTemplate, mockApiError } from "testHelpers/entities";
 import { WorkspaceScheduleForm } from "./WorkspaceScheduleForm";
+import { action } from "@storybook/addon-actions/*";
 
 dayjs.extend(advancedFormat);
 dayjs.extend(utc);
diff --git a/site/src/pages/WorkspaceSettingsPage/WorkspaceSettingsPageView.stories.tsx b/site/src/pages/WorkspaceSettingsPage/WorkspaceSettingsPageView.stories.tsx
@@ -1,3 +1,4 @@
+import { action } from "@storybook/addon-actions";
 import type { Meta, StoryObj } from "@storybook/react";
 import { MockWorkspace } from "testHelpers/entities";
 import { WorkspaceSettingsPageView } from "./WorkspaceSettingsPageView";
@@ -8,6 +9,7 @@ const meta: Meta<typeof WorkspaceSettingsPageView> = {
   args: {
     error: undefined,
     workspace: MockWorkspace,
+    onCancel: action("onCancel"),
   },
 };
 
