Adding progress bar.

2023-07-18 10:11:00 -07:00
parent c6a7175636
commit 3342f38596
4 changed files with 37 additions and 1 deletions
--- a/src/app/layout.jsx
+++ b/src/app/layout.jsx
@@ -3,6 +3,8 @@ import './globals.css';
 import { AudioPlayer } from '@/components/player/AudioPlayer'
 import { AudioProvider } from '@/components/AudioProvider'

+import Providers from './providers';
+
 export const metadata = {
  title: {
    default: 'The React Show - Weekly React Focused Podcast',
@@ -15,7 +17,7 @@ export default function RootLayout({children}) {
    <html lang="en">
      <body>
        <AudioProvider>
-          {children}
+          <Providers>{children}</Providers>
          <div className="fixed inset-x-0 bottom-0 z-10 lg:left-112 xl:left-120">
            <AudioPlayer />
          </div>
--- a/src/app/providers.jsx
+++ b/src/app/providers.jsx
@@ -0,0 +1,8 @@
+'use client';
+import { NProvider } from 'next13-progressbar';
+
+const Providers = ({ children }) => {
+  return <NProvider color="#fff">{children}</NProvider>;
+};
+
+export default Providers;