add loading indicator

2024-04-16 22:43:23 +02:00
parent 1aa95e8649
commit 694f5bf622
3 changed files with 34 additions and 0 deletions
--- a/apps/dashboard/package.json
+++ b/apps/dashboard/package.json
@@ -73,6 +73,7 @@
    "next": "~14.2.1",
    "next-auth": "^4.24.5",
    "next-themes": "^0.2.1",
+    "nextjs-toploader": "^1.6.11",
    "nuqs": "^1.16.1",
    "prisma-error-enum": "^0.1.3",
    "pushmodal": "^1.0.0",
--- a/apps/dashboard/src/app/layout.tsx
+++ b/apps/dashboard/src/app/layout.tsx
@@ -1,4 +1,5 @@
 import { cn } from '@/utils/cn';
+import NextTopLoader from 'nextjs-toploader';

 import Providers from './providers';

@@ -26,6 +27,12 @@ export default function RootLayout({
      <body
        className={cn('grainy min-h-screen bg-slate-100 font-sans antialiased')}
      >
+        <NextTopLoader
+          showSpinner={false}
+          color="#2463EB"
+          height={2}
+          shadow={false}
+        />
        <Providers>{children}</Providers>
      </body>
    </html>