refactor: change to 2 tab style config

greenpixels · Sep 30, 2023 · 4160ea2 · 4160ea2
1 parent 9081ef0
commit 4160ea2
Show file tree

Hide file tree

Showing 33 changed files with 18,397 additions and 18,364 deletions.
diff --git a/.prettierrc b/.prettierrc
diff --git a/client/.eslintrc.cjs b/client/.eslintrc.cjs
@@ -1,21 +1,21 @@
 /** @format */
 
 module.exports = {
-    root: true,
-    env: { browser: true, es2020: true },
-    extends: [
-        "eslint:recommended",
-        "plugin:@typescript-eslint/recommended",
-        "plugin:react-hooks/recommended",
-        "plugin:storybook/recommended",
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:react-hooks/recommended",
+    "plugin:storybook/recommended",
+  ],
+  ignorePatterns: ["dist", ".eslintrc.cjs"],
+  parser: "@typescript-eslint/parser",
+  plugins: ["react-refresh"],
+  rules: {
+    "react-refresh/only-export-components": [
+      "warn",
+      { allowConstantExport: true },
     ],
-    ignorePatterns: ["dist", ".eslintrc.cjs"],
-    parser: "@typescript-eslint/parser",
-    plugins: ["react-refresh"],
-    rules: {
-        "react-refresh/only-export-components": [
-            "warn",
-            { allowConstantExport: true },
-        ],
-    },
+  },
 };
diff --git a/client/.storybook/main.ts b/client/.storybook/main.ts
@@ -3,39 +3,39 @@
 import type { StorybookConfig } from "@storybook/react-vite";
 
 const config: StorybookConfig = {
-    stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
-    addons: [
-        "@storybook/addon-links",
-        "@storybook/addon-essentials",
-        "@storybook/addon-onboarding",
-        "@storybook/addon-interactions",
-        {
-            name: "@storybook/addon-styling",
-            options: {
-                cssLoaderOptions: {
-                    // When you have splitted your css over multiple files
-                    // and use @import('./other-styles.css')
-                    importLoaders: 1,
-                },
-                postcssLoaderOptions: {
-                    // When using postCSS 8
-                    implementation: require("postcss"),
-                },
-            },
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  addons: [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-onboarding",
+    "@storybook/addon-interactions",
+    {
+      name: "@storybook/addon-styling",
+      options: {
+        cssLoaderOptions: {
+          // When you have splitted your css over multiple files
+          // and use @import('./other-styles.css')
+          importLoaders: 1,
         },
-    ],
-    framework: {
-        name: "@storybook/react-vite",
-        options: {},
-    },
-    docs: {
-        autodocs: "tag",
-    },
-    typescript: {
-        // Overrides the default Typescript configuration to allow multi-package components to be documented via Autodocs.
-        reactDocgen: "react-docgen",
-        skipBabel: true,
-        check: false,
+        postcssLoaderOptions: {
+          // When using postCSS 8
+          implementation: require("postcss"),
+        },
+      },
     },
+  ],
+  framework: {
+    name: "@storybook/react-vite",
+    options: {},
+  },
+  docs: {
+    autodocs: "tag",
+  },
+  typescript: {
+    // Overrides the default Typescript configuration to allow multi-package components to be documented via Autodocs.
+    reactDocgen: "react-docgen",
+    skipBabel: true,
+    check: false,
+  },
 };
 export default config;
diff --git a/client/.storybook/preview.ts b/client/.storybook/preview.ts
@@ -5,26 +5,26 @@ import "../src/global.css";
 import { withThemeByDataAttribute } from "@storybook/addon-styling";
 
 export const decorators = [
-    withThemeByDataAttribute({
-        themes: {
-            light: "light",
-            dark: "dark",
-        },
-        defaultTheme: "light",
-        attributeName: "data-mode",
-    }),
+  withThemeByDataAttribute({
+    themes: {
+      light: "light",
+      dark: "dark",
+    },
+    defaultTheme: "light",
+    attributeName: "data-mode",
+  }),
 ];
 
 const preview: Preview = {
-    parameters: {
-        actions: { argTypesRegex: "^on[A-Z].*" },
-        controls: {
-            matchers: {
-                color: /(background|color)$/i,
-                date: /Date$/,
-            },
-        },
+  parameters: {
+    actions: { argTypesRegex: "^on[A-Z].*" },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/,
+      },
     },
+  },
 };
 
 export default preview;
diff --git a/client/README.md b/client/README.md
diff --git a/client/index.html b/client/index.html
@@ -2,14 +2,14 @@
 
 <!doctype html>
 <html lang="en">
-    <head>
-        <meta charset="UTF-8" />
-        <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>Vite + React + TS</title>
-    </head>
-    <body>
-        <div id="root"></div>
-        <script type="module" src="/src/main.tsx"></script>
-    </body>
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + React + TS</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
 </html>