Refactor LicenseBannerView stories

BrunoQuaresma · BrunoQuaresma · commit 86c76e5d7b0a · 2023-09-07T12:27:46.000Z
diff --git a/site/src/components/Dashboard/LicenseBanner/LicenseBannerView.stories.tsx b/site/src/components/Dashboard/LicenseBanner/LicenseBannerView.stories.tsx
@@ -1,34 +1,36 @@
-import { Story } from "@storybook/react";
-import { LicenseBannerView, LicenseBannerViewProps } from "./LicenseBannerView";
+import type { Meta, StoryObj } from "@storybook/react";
+import { LicenseBannerView } from "./LicenseBannerView";
 
-export default {
+const meta: Meta<typeof LicenseBannerView> = {
   title: "components/LicenseBannerView",
   component: LicenseBannerView,
 };
 
-const Template: Story<LicenseBannerViewProps> = (args) => (
-  <LicenseBannerView {...args} />
-);
+export default meta;
+type Story = StoryObj<typeof LicenseBannerView>;
 
-export const OneWarning = Template.bind({});
-OneWarning.args = {
-  errors: [],
-  warnings: ["You have exceeded the number of seats in your license."],
+export const OneWarning: Story = {
+  args: {
+    errors: [],
+    warnings: ["You have exceeded the number of seats in your license."],
+  },
 };
 
-export const TwoWarnings = Template.bind({});
-TwoWarnings.args = {
-  errors: [],
-  warnings: [
-    "You have exceeded the number of seats in your license.",
-    "You are flying too close to the sun.",
-  ],
+export const TwoWarnings: Story = {
+  args: {
+    errors: [],
+    warnings: [
+      "You have exceeded the number of seats in your license.",
+      "You are flying too close to the sun.",
+    ],
+  },
 };
 
-export const OneError = Template.bind({});
-OneError.args = {
-  errors: [
-    "You have multiple replicas but high availability is an Enterprise feature. You will be unable to connect to workspaces.",
-  ],
-  warnings: [],
+export const OneError: Story = {
+  args: {
+    errors: [
+      "You have multiple replicas but high availability is an Enterprise feature. You will be unable to connect to workspaces.",
+    ],
+    warnings: [],
+  },
 };
