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,10 +27,11 @@ 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}
|
||||||
>
|
>
|
||||||
|
<ThemeProvider>
|
||||||
<BrowserRouter basename={getAppMountUri()}>
|
<BrowserRouter basename={getAppMountUri()}>
|
||||||
<ExternalAppProvider>
|
<ExternalAppProvider>
|
||||||
<FlagsServiceProvider>
|
<FlagsServiceProvider>
|
||||||
|
@ -44,6 +48,7 @@ export const Decorator = storyFn => (
|
||||||
</ExternalAppProvider>
|
</ExternalAppProvider>
|
||||||
</BrowserRouter>
|
</BrowserRouter>
|
||||||
</ThemeProvider>
|
</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