feature(templates): adding navigation progress

apps/exevo-pan/package.json

@@ -34,6 +34,7 @@
     "next": "13.0.2",
     "next-auth": "^4.16.4",
     "next-mdx-remote": "^3.0.8",
+    "nextjs-progressbar": "^0.0.16",
     "nodemailer": "^6.6.5",
     "nodemailer-plugin-inline-base64": "^2.1.1",
     "preact": "10.11.2",

apps/exevo-pan/src/pages/_app.tsx

@@ -5,7 +5,7 @@ import { Analytics } from '@vercel/analytics/react'
 import ErrorBoundary from 'components/ErrorBoundary'
 import { ThemeProvider } from 'contexts/useTheme'
 import { TranslationsProvider } from 'contexts/useTranslation'
-import { Toaster } from 'templates'
+import { NavigationProgress, Toaster } from 'templates'
 import { PreviewImageClient } from 'services'
 import { LockBodyProvider } from 'hooks/useLockBody'
 import { SessionProvider } from 'next-auth/react'
@@ -54,6 +54,7 @@ const MyApp: AppType = ({
             <LockBodyProvider>
               <Analytics />
               <SessionProvider session={session}>
+                <NavigationProgress />
                 <Toaster />
                 <PageComponent {...pageProps} />
               </SessionProvider>

apps/exevo-pan/src/templates/NavigationProgress/index.tsx

@@ -0,0 +1,15 @@
+import NextNProgress from 'nextjs-progressbar'
+import { useTheme } from 'contexts/useTheme'
+
+const NavigationProgress = () => {
+  const { colors } = useTheme()
+
+  return (
+    <NextNProgress
+      color={colors.primaryHighlight}
+      options={{ showSpinner: false }}
+    />
+  )
+}
+
+export default NavigationProgress

apps/exevo-pan/src/templates/index.ts

@@ -1,4 +1,5 @@
 export { default as Hero } from './Hero'
 export { default as Main } from './Main'
+export { default as NavigationProgress } from './NavigationProgress'
 export { default as SubHeader } from './SubHeader'
 export { default as Toaster } from './Toaster'

yarn.lock

@@ -3145,6 +3145,11 @@
   resolved "https://registry.yarnpkg.com/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz#d3357479a0fdfdd5907fe67e17e0a85c906e1301"
   integrity sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==
 
+"@types/nprogress@^0.2.0":
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/@types/nprogress/-/nprogress-0.2.0.tgz#86c593682d4199212a0509cc3c4d562bbbd6e45f"
+  integrity sha512-1cYJrqq9GezNFPsWTZpFut/d4CjpZqA0vhqDUPFWYKF1oIyBz5qnoYMzR+0C/T96t3ebLAC1SSnwrVOm5/j74A==
+
 "@types/parse5@^5.0.0":
   version "5.0.3"
   resolved "https://registry.yarnpkg.com/@types/parse5/-/parse5-5.0.3.tgz#e7b5aebbac150f8b5fdd4a46e7f0bd8e65e19109"
@@ -11798,6 +11803,15 @@ next@13.0.2:
     "@next/swc-win32-ia32-msvc" "13.0.2"
     "@next/swc-win32-x64-msvc" "13.0.2"
 
+nextjs-progressbar@^0.0.16:
+  version "0.0.16"
+  resolved "https://registry.yarnpkg.com/nextjs-progressbar/-/nextjs-progressbar-0.0.16.tgz#d2c1e54ffc2c6d52b64282c0d764a44241fbc36e"
+  integrity sha512-GV0fD38EMD3vSDCmkq+tObmoup6QA91a6a9MxGuhJZuRk/9TNsrHGnIQQQ/sggkMkXuT4fBgF6jRjFwScDT3zA==
+  dependencies:
+    "@types/nprogress" "^0.2.0"
+    nprogress "^0.2.0"
+    prop-types "^15.8.1"
+
 nice-try@^1.0.4:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/nice-try/-/nice-try-1.0.5.tgz#a3378a7696ce7d223e88fc9b764bd7ef1089e366"
@@ -12055,6 +12069,11 @@ npmlog@^5.0.1:
     gauge "^3.0.0"
     set-blocking "^2.0.0"
 
+nprogress@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/nprogress/-/nprogress-0.2.0.tgz#cb8f34c53213d895723fcbab907e9422adbcafb1"
+  integrity sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA==
+
 nth-check@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-2.0.1.tgz#2efe162f5c3da06a28959fbd3db75dbeea9f0fc2"