Merge pull request #54 from AirWalk-Digital/beta-loading

feat(loading spinner): adding page loader for navigation
AirWalk-Digital · Jul 12, 2024 · 305163b · 305163b
2 parents b7003e2 + b5f9e60
commit 305163b
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 0 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -65,6 +65,7 @@
     "next": "^14.2.4",
     "next-intl": "^3.10.0",
     "next-sitemap": "^4.2.3",
+    "nextjs-toploader": "^1.6.12",
     "pagedjs": "^0.4.3",
     "pino": "^8.19.0",
     "pino-pretty": "^11.0.0",

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,6 +1,7 @@
 import CssBaseline from '@mui/material/CssBaseline';
 import { ThemeProvider } from '@mui/material/styles';
 import { AppRouterCacheProvider } from '@mui/material-nextjs/v14-appRouter';
+import NextTopLoader from 'nextjs-toploader';
 import * as React from 'react';
 
 import { baseTheme } from '@/styles/baseTheme';
@@ -20,6 +21,7 @@ export default function RootLayout(props: { children: React.ReactNode }) {
           <ThemeProvider theme={baseTheme}>
             {/* CssBaseline kickstart an elegant, consistent, and simple baseline to build upon. */}
             <CssBaseline />
+            <NextTopLoader />
             {props.children}
           </ThemeProvider>
         </AppRouterCacheProvider>