Homework complex components

.github/workflows/main.yml

@@ -34,28 +34,28 @@ jobs:
       - name: Run tests and linter
         run: npm run lint && npm test
 
-      # Собираем приложение
-      - name: Build Application
-        run: npm run build
-
-      # Публикуем приложение на Github Pages
-      - name: Deploy to Github Pages
+      # # Собираем приложение
+      # - name: Build Application
+      #   run: npm run build
+
+      # # Публикуем приложение на Github Pages
+      # - name: Deploy to Github Pages
+      #   uses: JamesIves/[email protected]
+      #   with:
+      #     branch: gh-pages
+      #     folder: dist
+
+      # Собираем Storybook
+      - name: Build Storybook
+        run: npm run build-storybook
+
+      # Публикуем Storybook на Github Pages
+      - name: Deploy Storybook to Github Pages
         uses: JamesIves/[email protected]
         with:
           branch: gh-pages
-          folder: dist
-
-      #      # Собираем Storybook
-      #      - name: Build Storybook
-      #        run: npm run build-storybook
-      #
-      #      # Публикуем Storybook на Github Pages
-      #      - name: Deploy Storybook to Github Pages
-      #        uses: JamesIves/[email protected]
-      #        with:
-      #          branch: gh-pages
-      #          folder: storybook-static
-      #          commit-message: "Automatically publish Storybook"
+          folder: storybook-static
+          commit-message: "Automatically publish Storybook"
 
       # Останавливаем выполнение строго при неудачных тестах
       - name: Fail on failed tests

.storybook/main.ts

@@ -1,5 +1,5 @@
 const config = {
-  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)", "../src/**/**/*.stories.@(js|jsx|ts|tsx)"],
   addons: [
     "@storybook/addon-links",
     "@storybook/addon-essentials",

.storybook/preview.ts

@@ -1,4 +1,8 @@
 import type { Preview } from "@storybook/react";
+import React from 'react';
+import { ThemeProvider } from '../src/shared/providers/ThemeProvider/ThemeProvider';
+import LocalizationProvider from '../src/shared/providers/LocalizationProvider/LocalizationProvider';
+import '../src/shared/providers/ThemeProvider/theme.css';
 
 const preview: Preview = {
   parameters: {
@@ -9,7 +13,20 @@ const preview: Preview = {
         date: /Date$/,
       },
     },
+    layout: 'fullscreen',
   },
+  decorators: [
+    (Story) =>
+      React.createElement(
+        LocalizationProvider,
+        null,
+        React.createElement(
+          ThemeProvider,
+          null,
+          React.createElement('div', { style: { padding: 16 } }, React.createElement(Story))
+        )
+      ),
+  ],
 };
 
 export default preview;