Refactor ServiceBanner stories

BrunoQuaresma · BrunoQuaresma · commit ad81b134f8e0 · 2023-09-06T19:29:53.000Z
diff --git a/site/src/components/Dashboard/ServiceBanner/ServiceBannerView.stories.tsx b/site/src/components/Dashboard/ServiceBanner/ServiceBannerView.stories.tsx
@@ -1,24 +1,26 @@
-import { Story } from "@storybook/react";
-import { ServiceBannerView, ServiceBannerViewProps } from "./ServiceBannerView";
+import type { Meta, StoryObj } from "@storybook/react";
 
-export default {
+import { ServiceBannerView } from "./ServiceBannerView";
+
+const meta: Meta<typeof ServiceBannerView> = {
   title: "components/ServiceBannerView",
   component: ServiceBannerView,
 };
 
-const Template: Story<ServiceBannerViewProps> = (args) => (
-  <ServiceBannerView {...args} />
-);
+export default meta;
+type Story = StoryObj<typeof ServiceBannerView>;
 
-export const Production = Template.bind({});
-Production.args = {
-  message: "weeeee",
-  backgroundColor: "#FFFFFF",
+export const Production: Story = {
+  args: {
+    message: "weeeee",
+    backgroundColor: "#FFFFFF",
+  },
 };
 
-export const Preview = Template.bind({});
-Preview.args = {
-  message: "weeeee",
-  backgroundColor: "#000000",
-  preview: true,
+export const Preview: Story = {
+  args: {
+    message: "weeeee",
+    backgroundColor: "#000000",
+    preview: true,
+  },
 };
