46 lines
1.2 KiB
TypeScript
46 lines
1.2 KiB
TypeScript
import { Locale, RawLocaleProvider } from "@saleor/components/Locale";
|
|
import React from "react";
|
|
import { IntlProvider } from "react-intl";
|
|
|
|
import { Provider as DateProvider } from "../components/Date/DateContext";
|
|
import { MessageManager } from "../components/messages";
|
|
import ThemeProvider from "../components/Theme";
|
|
import { TimezoneProvider } from "../components/Timezone";
|
|
|
|
const messageProps = {
|
|
close: () => undefined,
|
|
id: "id",
|
|
message: {
|
|
text: "Test"
|
|
},
|
|
options: {},
|
|
style: {}
|
|
};
|
|
|
|
export const Decorator = storyFn => (
|
|
<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 isDefaultDark={false}>
|
|
<MessageManager {...messageProps}>
|
|
<div
|
|
style={{
|
|
padding: 24
|
|
}}
|
|
>
|
|
{storyFn()}
|
|
</div>
|
|
</MessageManager>
|
|
</ThemeProvider>
|
|
</TimezoneProvider>
|
|
</DateProvider>
|
|
</RawLocaleProvider>
|
|
</IntlProvider>
|
|
);
|
|
export default Decorator;
|