31 lines
900 B
JavaScript
31 lines
900 B
JavaScript
import React from 'react'
|
|
import { MemoryRouter } from 'react-router-dom'
|
|
import { Provider } from 'react-redux'
|
|
import { addDecorator } from '@storybook/react'
|
|
import { ThemeProvider, createGlobalStyle } from 'styled-components'
|
|
import { theme } from '@gnosis.pm/safe-react-components'
|
|
|
|
import { aNewStore } from 'src/store'
|
|
import averta from 'src/assets/fonts/Averta-normal.woff2'
|
|
import avertaBold from 'src/assets/fonts/Averta-ExtraBold.woff2'
|
|
|
|
const GlobalStyles = createGlobalStyle`
|
|
@font-face {
|
|
font-family: 'Averta';
|
|
src: local('Averta'), local('Averta Bold'),
|
|
url(${averta}) format('woff2'),
|
|
url(${avertaBold}) format('woff');
|
|
}
|
|
`
|
|
|
|
addDecorator((storyFn) => (
|
|
<ThemeProvider theme={theme}>
|
|
<MemoryRouter>
|
|
<GlobalStyles />
|
|
<Provider store={aNewStore()}>
|
|
{storyFn()}
|
|
</Provider>
|
|
</MemoryRouter>
|
|
</ThemeProvider>
|
|
))
|