feat: add a new progress bar layout

This commit is contained in:
Ravinou 2025-04-21 10:54:10 +02:00
commit 799bf03cd5
No known key found for this signature in database
GPG key ID: EEEE670C40F6A4D7
5 changed files with 166 additions and 24 deletions

View file

@ -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>
);
}