Fix storybook not having styles (#3304)
This commit is contained in:
parent
6dfdf46b48
commit
2391491d59
2 changed files with 26 additions and 18 deletions
|
@ -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>
|
||||||
|
|
|
@ -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",
|
||||||
),
|
),
|
||||||
|
|
Loading…
Reference in a new issue