mirror of
https://github.com/Ravinou/borgwarehouse
synced 2026-03-14 14:25:46 +01:00
feat: ✨ add a new progress bar layout
This commit is contained in:
parent
d601c6dadf
commit
799bf03cd5
5 changed files with 166 additions and 24 deletions
|
|
@ -4,22 +4,33 @@ import { ToastContainer } from 'react-toastify';
|
|||
import 'react-toastify/dist/ReactToastify.css';
|
||||
import { SessionProvider } from 'next-auth/react';
|
||||
import { AppProps } from 'next/app';
|
||||
import Router from 'next/router';
|
||||
import NProgress from 'nprogress';
|
||||
|
||||
//Components
|
||||
import Layout from '../Components/UI/Layout/Layout';
|
||||
import { LoaderProvider } from '~/contexts/LoaderContext';
|
||||
|
||||
NProgress.configure({ showSpinner: false });
|
||||
|
||||
Router.events.on('routeChangeStart', () => NProgress.start());
|
||||
Router.events.on('routeChangeComplete', () => NProgress.done());
|
||||
Router.events.on('routeChangeError', () => NProgress.done());
|
||||
|
||||
export default function MyApp({ Component, pageProps }: AppProps) {
|
||||
return (
|
||||
<SessionProvider session={pageProps.session}>
|
||||
<Layout>
|
||||
<Head>
|
||||
<meta name='viewport' content='width=device-width, initial-scale=1'></meta>
|
||||
<link rel='shortcut icon' href='/favicon.ico' />
|
||||
<title>BorgWarehouse</title>
|
||||
</Head>
|
||||
<ToastContainer stacked />
|
||||
<Component {...pageProps} />
|
||||
</Layout>
|
||||
<LoaderProvider>
|
||||
<Layout>
|
||||
<Head>
|
||||
<meta name='viewport' content='width=device-width, initial-scale=1'></meta>
|
||||
<link rel='shortcut icon' href='/favicon.ico' />
|
||||
<title>BorgWarehouse</title>
|
||||
</Head>
|
||||
<ToastContainer stacked />
|
||||
<Component {...pageProps} />
|
||||
</Layout>
|
||||
</LoaderProvider>
|
||||
</SessionProvider>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue