saleor-dashboard/src/storybook/Decorator.tsx
Krzysztof Żuraw ac063c6410
Update Dockerfile (#2523)
Co-authored-by: Francisco Marques <franciscopcmarques@gmail.com>
2022-11-16 16:01:34 +01:00

47 lines
1.7 KiB
TypeScript

import { ExternalAppProvider } from "@saleor/apps/components/ExternalAppContext";
import { Locale, RawLocaleProvider } from "@saleor/components/Locale";
import { ThemeProvider } from "@saleor/macaw-ui";
import themeOverrides from "@saleor/themeOverrides";
import React from "react";
import { IntlProvider } from "react-intl";
import { BrowserRouter } from "react-router-dom";
import { ApolloMockedProvider } from "../../testUtils/ApolloMockedProvider";
import { Provider as DateProvider } from "../components/Date/DateContext";
import MessageManagerProvider from "../components/messages";
import { TimezoneProvider } from "../components/Timezone";
import { getAppMountUri } from "../config";
export const Decorator = storyFn => (
<ApolloMockedProvider>
<IntlProvider defaultLocale={Locale.EN} locale={Locale.EN}>
<RawLocaleProvider
value={{
locale: Locale.EN,
setLocale: () => undefined,
}}
>
<DateProvider value={+new Date("2018-08-07T14:30:44+00:00")}>
<TimezoneProvider value="America/New_York">
<ThemeProvider overrides={themeOverrides}>
<BrowserRouter basename={getAppMountUri()}>
<ExternalAppProvider>
<MessageManagerProvider>
<div
style={{
padding: 24,
}}
>
{storyFn()}
</div>
</MessageManagerProvider>
</ExternalAppProvider>
</BrowserRouter>
</ThemeProvider>
</TimezoneProvider>
</DateProvider>
</RawLocaleProvider>
</IntlProvider>
</ApolloMockedProvider>
);
export default Decorator;