feat: add next top loader

2023-09-11 20:20:52 -05:00
parent 889cd08207
commit 636cd96e8b
7 changed files with 74 additions and 10 deletions
@@ -3,6 +3,7 @@ import { ConvexProvider, NextThemesProvider } from '@/providers';
 import { ClerkProvider } from '@clerk/nextjs';
 import type { Metadata } from 'next';
 import { Inter } from 'next/font/google';
+import NextTopLoader from 'nextjs-toploader';
 import './globals.css';

 const inter = Inter({ subsets: ['latin'] });
@@ -30,6 +31,10 @@ export default function RootLayout({
        >
          <ConvexProvider>
            <NextThemesProvider>
+              <NextTopLoader
+                color='#3743e5'
+                showSpinner={false}
+              />
              <Navbar />
              <div className='p-4 w-full h-full flex flex-col'>{children}</div>
            </NextThemesProvider>