feat(web): add nprogress

mrevanzak · Jan 4, 2024 · a071426 · a071426
1 parent 1a8b837
commit a071426
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 0 deletions.
diff --git a/apps/nextjs/package.json b/apps/nextjs/package.json
@@ -40,6 +40,7 @@
     "lucide-react": "^0.292.0",
     "next": "^14.0.4",
     "next-themes": "^0.2.1",
+    "nextjs-toploader": "^1.6.4",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-hook-form": "^7.47.0",

diff --git a/apps/nextjs/src/app/providers.tsx b/apps/nextjs/src/app/providers.tsx
@@ -11,6 +11,7 @@ import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 import { ReactQueryStreamedHydration } from "@tanstack/react-query-next-experimental";
 import { loggerLink, unstable_httpBatchStreamLink } from "@trpc/client";
+import NextTopLoader from "nextjs-toploader";
 import superjson from "superjson";
 
 import colors from "@vivat/color-palette";
@@ -77,6 +78,7 @@ export function TRPCReactProvider(props: {
               enableSystem
               disableTransitionOnChange
             >
+              <NextTopLoader color={colors.primary} />
               {props.children}
               <Toaster />
             </ThemeProvider>

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml