chore(storybook): improve preview.tsx (#2332)

heroui-inc · Feb 11, 2024 · 2934a90 · 2934a90
1 parent 3971477
commit 2934a90
Showing 1 changed file with 28 additions and 26 deletions.
diff --git a/packages/storybook/.storybook/preview.tsx b/packages/storybook/.storybook/preview.tsx
@@ -1,33 +1,33 @@
 import React from "react";
 import {themes} from "@storybook/theming";
 import {NextUIProvider} from "@nextui-org/system/src/provider";
-import type { Preview } from '@storybook/react';
+import type {Preview} from "@storybook/react";
 
-import './style.css'
+import "./style.css";
 
-const decorators: Preview['decorators'] = [
-    (Story, {globals: {locale}}) => {
-      const direction =
-        // @ts-ignore
-        locale && new Intl.Locale(locale)?.textInfo?.direction === "rtl" ? "rtl" : undefined;
+const decorators: Preview["decorators"] = [
+  (Story, {globals: {locale}}) => {
+    const direction =
+      // @ts-ignore
+      locale && new Intl.Locale(locale)?.textInfo?.direction === "rtl" ? "rtl" : undefined;
 
-      return (
-        <NextUIProvider locale={locale}>
-          <div className="bg-dark" lang={locale} dir={direction}>
-            <Story />
-          </div>
-        </NextUIProvider>
-      );
-    },
-  ]
+    return (
+      <NextUIProvider locale={locale}>
+        <div className="bg-dark" lang={locale} dir={direction}>
+          <Story />
+        </div>
+      </NextUIProvider>
+    );
+  },
+];
 
-  const commonTheme = {
-    brandTitle: "NextUI",
-    brandUrl: "https://nextui.org",
-    brandTarget: "_self",
-  }
+const commonTheme = {
+  brandTitle: "NextUI",
+  brandUrl: "https://nextui.org",
+  brandTarget: "_self",
+};
 
-const parameters: Preview['parameters'] = {
+const parameters: Preview["parameters"] = {
   actions: {argTypesRegex: "^on[A-Z].*"},
   options: {
     storySort: {
@@ -103,7 +103,7 @@ const locales = [
   "zh-TW",
 ];
 
-const globalTypes: Preview['globalTypes'] = {
+const globalTypes: Preview["globalTypes"] = {
   locale: {
     toolbar: {
       icon: "globe",
@@ -117,8 +117,10 @@ const globalTypes: Preview['globalTypes'] = {
   },
 };
 
-export default {
+const preview: Preview = {
   decorators,
   parameters,
-  globalTypes
-} satisfies Preview;
+  globalTypes,
+};
+
+export default preview;