1
0
mirror of https://github.com/checktheroads/hyperglass synced 2024-05-11 05:55:08 +00:00
2021-01-02 12:54:21 -07:00

51 lines
1.4 KiB
TypeScript

import Head from 'next/head';
import { HyperglassProvider } from '~/context';
import { IConfig } from '~/types';
if (process.env.NODE_ENV === 'development') {
require('@hookstate/devtools');
}
import type { AppProps, AppInitialProps } from 'next/app';
type TAppProps = AppProps & AppInitialProps;
interface TApp extends TAppProps {
appProps: { config: IConfig };
}
type TAppInitial = Pick<TApp, 'appProps'>;
const App = (props: TApp) => {
const { Component, pageProps, appProps } = props;
const { config } = appProps;
return (
<>
<Head>
<title>hyperglass</title>
<meta httpEquiv="Content-Type" content="text/html" />
<meta charSet="UTF-8" />
<meta name="og:type" content="website" />
<meta name="og:image" content="/images/opengraph.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0"
/>
</Head>
<HyperglassProvider config={config}>
<Component {...pageProps} />
</HyperglassProvider>
</>
);
};
App.getInitialProps = async (): Promise<TAppInitial> => {
const config = (process.env._HYPERGLASS_CONFIG_ as unknown) as IConfig;
return { appProps: { config } };
};
export default App;