Fix storybook not having styles (#3304)

This commit is contained in:
Krzysztof Żuraw 2023-03-09 11:27:37 +01:00 committed by GitHub
parent 6dfdf46b48
commit 2391491d59
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 26 additions and 18 deletions

View file

@ -1,8 +1,11 @@
import "@saleor/macaw-ui/next/style";
import { ExternalAppProvider } from "@dashboard/apps/components/ExternalAppContext"; import { ExternalAppProvider } from "@dashboard/apps/components/ExternalAppContext";
import { Locale, RawLocaleProvider } from "@dashboard/components/Locale"; import { Locale, RawLocaleProvider } from "@dashboard/components/Locale";
import { FlagsServiceProvider } from "@dashboard/hooks/useFlags/flagsService"; import { FlagsServiceProvider } from "@dashboard/hooks/useFlags/flagsService";
import { paletteOverrides, themeOverrides } from "@dashboard/themeOverrides"; import { paletteOverrides, themeOverrides } from "@dashboard/themeOverrides";
import { ThemeProvider } from "@saleor/macaw-ui"; import { ThemeProvider as LegacyThemeProvider } from "@saleor/macaw-ui";
import { ThemeProvider } from "@saleor/macaw-ui/next";
import React from "react"; import React from "react";
import { IntlProvider } from "react-intl"; import { IntlProvider } from "react-intl";
import { BrowserRouter } from "react-router-dom"; import { BrowserRouter } from "react-router-dom";
@ -24,26 +27,28 @@ export const Decorator = storyFn => (
> >
<DateProvider value={+new Date("2018-08-07T14:30:44+00:00")}> <DateProvider value={+new Date("2018-08-07T14:30:44+00:00")}>
<TimezoneProvider value="America/New_York"> <TimezoneProvider value="America/New_York">
<ThemeProvider <LegacyThemeProvider
overrides={themeOverrides} overrides={themeOverrides}
palettes={paletteOverrides} palettes={paletteOverrides}
> >
<BrowserRouter basename={getAppMountUri()}> <ThemeProvider>
<ExternalAppProvider> <BrowserRouter basename={getAppMountUri()}>
<FlagsServiceProvider> <ExternalAppProvider>
<MessageManagerProvider> <FlagsServiceProvider>
<div <MessageManagerProvider>
style={{ <div
padding: 24, style={{
}} padding: 24,
> }}
{storyFn()} >
</div> {storyFn()}
</MessageManagerProvider> </div>
</FlagsServiceProvider> </MessageManagerProvider>
</ExternalAppProvider> </FlagsServiceProvider>
</BrowserRouter> </ExternalAppProvider>
</ThemeProvider> </BrowserRouter>
</ThemeProvider>
</LegacyThemeProvider>
</TimezoneProvider> </TimezoneProvider>
</DateProvider> </DateProvider>
</RawLocaleProvider> </RawLocaleProvider>

View file

@ -26,6 +26,9 @@ module.exports = ({ config }) => {
// Resolve macaw ui's peer dependencies to our own node_modules // Resolve macaw ui's peer dependencies to our own node_modules
// to make it work with npm link // to make it work with npm link
config.resolve.alias = { config.resolve.alias = {
"@saleor/macaw-ui/next/style": path.resolve(
"./node_modules/@saleor/macaw-ui/dist/style.css",
),
"@saleor/macaw-ui/next": path.resolve( "@saleor/macaw-ui/next": path.resolve(
"./node_modules/@saleor/macaw-ui/dist/macaw-ui.js", "./node_modules/@saleor/macaw-ui/dist/macaw-ui.js",
), ),