2019-04-03 12:58:59 +02:00
|
|
|
/*
|
|
|
|
|
This is copy paste from the with-material-ui example.
|
|
|
|
|
*/
|
2019-08-11 22:02:33 +02:00
|
|
|
import App from 'next/app'
|
2019-04-03 12:58:59 +02:00
|
|
|
import Head from 'next/head'
|
|
|
|
|
import { MuiThemeProvider } from '@material-ui/core/styles'
|
|
|
|
|
import CssBaseline from '@material-ui/core/CssBaseline'
|
|
|
|
|
import JssProvider from 'react-jss/lib/JssProvider'
|
|
|
|
|
import getPageContext from '../src/getPageContext'
|
|
|
|
|
|
2020-01-10 15:09:28 +01:00
|
|
|
// Add global styles
|
|
|
|
|
import '../style.css'
|
|
|
|
|
import 'react-multi-carousel/lib/styles.css'
|
|
|
|
|
|
2019-04-03 12:58:59 +02:00
|
|
|
class MyApp extends App {
|
2019-11-11 04:24:53 +01:00
|
|
|
constructor() {
|
2019-04-03 12:58:59 +02:00
|
|
|
super()
|
|
|
|
|
this.pageContext = getPageContext()
|
|
|
|
|
}
|
|
|
|
|
|
2019-11-11 04:24:53 +01:00
|
|
|
render() {
|
2019-04-03 12:58:59 +02:00
|
|
|
const { Component, pageProps } = this.props
|
|
|
|
|
return (
|
2019-08-11 22:02:33 +02:00
|
|
|
<>
|
2019-04-03 12:58:59 +02:00
|
|
|
<Head>
|
|
|
|
|
<title>react-multi-carousel</title>
|
|
|
|
|
</Head>
|
|
|
|
|
<JssProvider
|
|
|
|
|
registry={this.pageContext.sheetsRegistry}
|
|
|
|
|
generateClassName={this.pageContext.generateClassName}
|
|
|
|
|
>
|
|
|
|
|
<MuiThemeProvider
|
|
|
|
|
theme={this.pageContext.theme}
|
|
|
|
|
sheetsManager={this.pageContext.sheetsManager}
|
|
|
|
|
>
|
|
|
|
|
<CssBaseline />
|
|
|
|
|
<Component pageContext={this.pageContext} {...pageProps} />
|
|
|
|
|
</MuiThemeProvider>
|
|
|
|
|
</JssProvider>
|
2019-08-11 22:02:33 +02:00
|
|
|
</>
|
2019-04-03 12:58:59 +02:00
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export default MyApp
|
