2022-08-27 01:03:37 +02:00
|
|
|
import '../styles/globals.css'
|
2022-08-27 07:46:46 +02:00
|
|
|
import Head from "next/head";
|
2022-08-28 13:57:21 +02:00
|
|
|
import dynamic from "next/dynamic";
|
2022-08-27 07:46:46 +02:00
|
|
|
import {createTheme, CssBaseline, ThemeProvider} from "@mui/material";
|
2022-08-28 13:57:21 +02:00
|
|
|
import ReactGA from "react-ga4";
|
2022-08-27 07:46:46 +02:00
|
|
|
|
|
|
|
|
const theme = createTheme({
|
|
|
|
|
palette: {
|
|
|
|
|
mode: 'dark',
|
2022-08-29 16:49:55 +02:00
|
|
|
white: {
|
|
|
|
|
main: '#eee',
|
|
|
|
|
contrastText: '#000',
|
|
|
|
|
},
|
2022-08-27 07:46:46 +02:00
|
|
|
},
|
|
|
|
|
typography: {
|
|
|
|
|
fontFamily: '"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", ' +
|
|
|
|
|
'Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"',
|
|
|
|
|
},
|
|
|
|
|
});
|
2022-08-27 01:03:37 +02:00
|
|
|
|
2022-08-27 07:55:15 +02:00
|
|
|
|
|
|
|
|
ReactGA.initialize("G-XNCFQVHQMX");
|
2022-08-27 01:03:37 +02:00
|
|
|
function MyApp({ Component, pageProps }) {
|
2022-08-27 07:46:46 +02:00
|
|
|
return (
|
|
|
|
|
<>
|
|
|
|
|
<Head>
|
|
|
|
|
<meta name="viewport" content="initial-scale=1, width=device-width" />
|
|
|
|
|
<title>F1 Manager Setup Calculator</title>
|
|
|
|
|
</Head>
|
|
|
|
|
<ThemeProvider theme={theme}>
|
|
|
|
|
<CssBaseline />
|
|
|
|
|
<Component {...pageProps} />
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
</>
|
|
|
|
|
)
|
2022-08-27 01:03:37 +02:00
|
|
|
}
|
|
|
|
|
|
2022-08-28 13:57:21 +02:00
|
|
|
export default dynamic(() => Promise.resolve(MyApp), {
|
|
|
|
|
ssr: false,
|
|
|
|
|
});
|
