Switch to next/font.

This commit is contained in:
Mike Cao 2023-04-01 20:03:38 -07:00
parent 728e4cff5b
commit 8397102bac
7 changed files with 14 additions and 25 deletions

View file

@ -1,6 +1,7 @@
import { IntlProvider } from 'react-intl';
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import Head from 'next/head';
import { Inter } from 'next/font/google';
import { useRouter } from 'next/router';
import useLocale from 'hooks/useLocale';
import useConfig from 'hooks/useConfig';
@ -8,11 +9,11 @@ import 'react-basics/dist/styles.css';
import 'styles/variables.css';
import 'styles/locale.css';
import 'styles/index.css';
import '@fontsource/inter/400.css';
import '@fontsource/inter/700.css';
import 'chartjs-adapter-date-fns';
import Script from 'next/script';
const inter = Inter({ subsets: ['latin'] });
const client = new QueryClient({
defaultOptions: {
queries: {
@ -53,7 +54,9 @@ export default function App({ Component, pageProps }) {
<meta name="theme-color" content="#2f2f2f" media="(prefers-color-scheme: dark)" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</Head>
<Component {...pageProps} />
<div className={inter.className}>
<Component {...pageProps} />
</div>
{!pathname.includes('/share/') && <Script src={`${basePath}/telemetry.js`} />}
</IntlProvider>
</QueryClientProvider>