mirror of
https://github.com/labring/FastGPT.git
synced 2025-07-27 08:25:07 +00:00
75 lines
2.3 KiB
TypeScript
75 lines
2.3 KiB
TypeScript
import { useEffect } from 'react';
|
|
import type { AppProps } from 'next/app';
|
|
import Script from 'next/script';
|
|
import Head from 'next/head';
|
|
import { ChakraProvider, ColorModeScript } from '@chakra-ui/react';
|
|
import Layout from '@/components/Layout';
|
|
import { theme } from '@/constants/theme';
|
|
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
|
|
import NProgress from 'nprogress'; //nprogress module
|
|
import Router from 'next/router';
|
|
import 'nprogress/nprogress.css';
|
|
import '../styles/reset.scss';
|
|
import { useToast } from '@/hooks/useToast';
|
|
|
|
//Binding events.
|
|
Router.events.on('routeChangeStart', () => NProgress.start());
|
|
Router.events.on('routeChangeComplete', () => NProgress.done());
|
|
Router.events.on('routeChangeError', () => NProgress.done());
|
|
|
|
// Create a client
|
|
const queryClient = new QueryClient({
|
|
defaultOptions: {
|
|
queries: {
|
|
refetchOnWindowFocus: false,
|
|
retry: false,
|
|
cacheTime: 0
|
|
}
|
|
}
|
|
});
|
|
|
|
export default function App({ Component, pageProps }: AppProps) {
|
|
const { toast } = useToast();
|
|
// 校验是否支持 click 事件
|
|
useEffect(() => {
|
|
if (typeof document.createElement('div').click !== 'function') {
|
|
toast({
|
|
title: '你的浏览器版本过低',
|
|
status: 'warning'
|
|
});
|
|
}
|
|
}, [toast]);
|
|
|
|
return (
|
|
<>
|
|
<Head>
|
|
<title>Fast GPT</title>
|
|
<meta name="description" content="Generated by Fast GPT" />
|
|
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no, viewport-fit=cover"
|
|
/>
|
|
<link rel="icon" href="/favicon.ico" />
|
|
</Head>
|
|
<Script src="/js/qrcode.min.js" strategy="lazyOnload"></Script>
|
|
<Script src="/js/pdf.js" strategy="lazyOnload"></Script>
|
|
<Script src="/js/html2pdf.bundle.min.js" strategy="lazyOnload"></Script>
|
|
<Script src="/js/particles.js" strategy="lazyOnload"></Script>
|
|
<QueryClientProvider client={queryClient}>
|
|
<ChakraProvider theme={theme}>
|
|
<ColorModeScript initialColorMode={theme.config.initialColorMode} />
|
|
{/* @ts-ignore */}
|
|
<Layout>
|
|
<Component {...pageProps} />
|
|
</Layout>
|
|
</ChakraProvider>
|
|
</QueryClientProvider>
|
|
</>
|
|
);
|
|
}
|
|
|
|
// export function reportWebVitals(metric: NextWebVitalsMetric) {
|
|
// console.log(metric);
|
|
// }
|