chore(web): improve storybook preview setting (#456)

reearth · Jun 1, 2023 · 16d7ace · 16d7ace
1 parent 7cbce1c
commit 16d7ace
Showing 1 changed file with 19 additions and 14 deletions.
diff --git a/web/.storybook/preview.tsx b/web/.storybook/preview.tsx
@@ -5,6 +5,7 @@ import {
   ApolloLink,
   Observable,
 } from "@apollo/client";
+import type { Preview } from "@storybook/react";
 import { ReactElement } from "react";
 
 import { Provider as DndProvider } from "../src/classic/util/use-dnd";
@@ -22,19 +23,23 @@ const mockClient = new ApolloClient({
   cache: new InMemoryCache(),
 });
 
-export const parameters = {
-  layout: "fullscreen",
-  controls: { expanded: true },
+const preview: Preview = {
+  parameters: {
+    layout: "fullscreen",
+    controls: { expanded: true },
+    actions: { argTypesRegex: "^on.*" },
+  },
+  decorators: [
+    (storyFn: () => ReactElement) => (
+      <ApolloProvider client={mockClient}>
+        <ThemeProvider>
+          <I18nProvider>
+            <DndProvider>{storyFn()}</DndProvider>
+          </I18nProvider>
+        </ThemeProvider>
+      </ApolloProvider>
+    ),
+  ],
 };
 
-export const decorators = [
-  (storyFn: () => ReactElement) => (
-    <ApolloProvider client={mockClient}>
-      <ThemeProvider>
-        <I18nProvider>
-          <DndProvider>{storyFn()}</DndProvider>
-        </I18nProvider>
-      </ThemeProvider>
-    </ApolloProvider>
-  ),
-];
+export default preview;