frontend: NProgress Loader entre chaque page

This commit is contained in:
Divlo
2020-03-21 20:48:46 +01:00
parent c7115144bf
commit 3debd85a70
5 changed files with 108 additions and 16 deletions

View File

@ -1,5 +1,7 @@
/* Libraries Imports */
import { Fragment } from 'react';
import Router from 'next/router'
import NProgress from 'nprogress';
/* Components Imports */
import Header from '../components/Header/Header';
@ -10,7 +12,12 @@ import '../public/fonts/Montserrat/Montserrat.css';
import '../public/css/normalize.css';
import '../public/css/grid.css';
import '../public/css/general.css';
import '../public/css/nprogress.css';
Router.events.on('routeChangeStart', () => NProgress.start());
Router.events.on('routeChangeComplete', () => NProgress.done());
Router.events.on('routeChangeError', () => NProgress.done());
const App = ({ Component, pageProps }) => (
<Fragment>
<Header />