refactor(storybook): refactor storybook configuration

JanSzewczyk · May 28, 2024 · 1e8e6d5 · 1e8e6d5
1 parent 76d1db1
commit 1e8e6d5
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 31 deletions.
diff --git a/.github/workflows/code-review.yml b/.github/workflows/code-review.yml
@@ -17,6 +17,6 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: anc95/ChatGPT-CodeReview@main
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          OPENAI_API_KEY: ${{ secrets.OPENAI_API_KEY }}
+#        env:
+#          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+#          OPENAI_API_KEY: ${{ secrets.OPENAI_API_KEY }}
diff --git a/.storybook/main.ts b/.storybook/main.ts
@@ -20,9 +20,6 @@ export default {
     reactDocgen: "react-docgen-typescript",
     check: true
   },
-  docs: {
-    autodocs: true
-  },
   viteFinal: async (config) => {
     return mergeConfig(config, {
       plugins: [tsConfigPaths()]

diff --git a/.storybook/preview.ts b/.storybook/preview.ts
@@ -4,32 +4,35 @@ import lightTheme from "./theme/light";
 import "../src/theme/global.css";
 
 import { DocsContainer } from "./components/DocsContainer";
+import { Preview } from "@storybook/react";
 
-export const parameters = {
-  darkMode: {
-    current: "light",
-    classTarget: "html",
-    stylePreview: true,
-    // Override the default dark theme
-    dark: darkTheme,
-    // Override the default light theme
-    light: lightTheme
-  },
-  actions: { argTypesRegex: "^on[A-Z].*" },
-  backgrounds: { disable: true },
-  controls: {
-    matchers: {
-      color: /(background|color)$/i,
-      date: /Date$/
-    }
-  },
-  docs: {
+export default {
+  parameters: {
+    actions: { argTypesRegex: "^on[A-Z].*" },
+    backgrounds: { disable: true },
     controls: {
-      sort: "requiredFirst"
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/
+      }
+    },
+    darkMode: {
+      classTarget: "html",
+      current: "light",
+      stylePreview: true,
+      // Override the default dark theme
+      dark: darkTheme,
+      // Override the default light theme
+      light: lightTheme
     },
-    container: DocsContainer
+    docs: {
+      controls: {
+        sort: "requiredFirst"
+      },
+      container: DocsContainer
+    },
+    layout: "centered"
   },
-  layout: "centered"
-};
-
-export const decorators = [];
+  decorators: [],
+  tags: ["autodocs"]
+} satisfies Preview;