feat: showing progress while page is being loaded (#485)

This commit is contained in:
Dakshesh Jain 2023-03-22 19:05:36 +05:30 committed by GitHub
parent a830808f9d
commit e48d98cea6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 55 additions and 0 deletions

View file

@ -1,6 +1,14 @@
// styles
import "styles/globals.css";
import "styles/editor.css";
import "styles/nprogress.css";
// router
import Router from "next/router";
// nprogress
import NProgress from "nprogress";
// contexts
import { UserProvider } from "contexts/user.context";
import { ToastContextProvider } from "contexts/toast.context";
@ -8,6 +16,12 @@ import { ThemeContextProvider } from "contexts/theme.context";
// types
import type { AppProps } from "next/app";
// nprogress
NProgress.configure({ showSpinner: false });
Router.events.on("routeChangeStart", NProgress.start);
Router.events.on("routeChangeError", NProgress.done);
Router.events.on("routeChangeComplete", NProgress.done);
function MyApp({ Component, pageProps }: AppProps) {
return (
<UserProvider>