Adding progress bar.

2 years ago · 3342f38596
parent c6a7175636
commit 3342f38596
4 changed files with 37 additions and 1 deletions
--- a/package-lock.json
+++ b/package-lock.json
@ -24,6 +24,7 @@
                "i": "^0.3.7",
                "mp3-duration": "^1.1.0",
                "next": "^13.4.10",
+                "next13-progressbar": "^0.1.2",
                "nodemailer": "^6.9.3",
                "podcast": "^2.0.1",
                "postcss-focus-visible": "^6.0.4",
@ -3409,6 +3410,11 @@
            "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.38.tgz",
            "integrity": "sha512-6sfo1qTulpVbkxECP+AVrHV9OoJqhzCsfTNp5NIG+enM4HyM3HvZCO798WShIXBN0+QtDIcutJCjsVYnQP5rIQ=="
        },
+        "node_modules/@types/nprogress": {
+            "version": "0.2.0",
+            "resolved": "https://registry.npmjs.org/@types/nprogress/-/nprogress-0.2.0.tgz",
+            "integrity": "sha512-1cYJrqq9GezNFPsWTZpFut/d4CjpZqA0vhqDUPFWYKF1oIyBz5qnoYMzR+0C/T96t3ebLAC1SSnwrVOm5/j74A=="
+        },
        "node_modules/@types/object.omit": {
            "version": "3.0.0",
            "resolved": "https://registry.npmjs.org/@types/object.omit/-/object.omit-3.0.0.tgz",
@ -7106,6 +7112,20 @@
                "node": "^10 || ^12 || >=14"
            }
        },
+        "node_modules/next13-progressbar": {
+            "version": "0.1.2",
+            "resolved": "https://registry.npmjs.org/next13-progressbar/-/next13-progressbar-0.1.2.tgz",
+            "integrity": "sha512-6r3J/GFeTcVLkkBd615sutRUR1oLP341VLbXv+54S+7qzoB5q66pBMNq2VI5cT8hXjSKvVvHeSadUCpomFG4pw==",
+            "dependencies": {
+                "@types/nprogress": "^0.2.0",
+                "nprogress": "^0.2.0",
+                "prop-types": "^15.8.1"
+            },
+            "peerDependencies": {
+                "next": ">= 13.0.0",
+                "react": ">= 18.0.0"
+            }
+        },
        "node_modules/node-addon-api": {
            "version": "4.3.0",
            "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-4.3.0.tgz",
@ -7279,6 +7299,11 @@
                "set-blocking": "^2.0.0"
            }
        },
+        "node_modules/nprogress": {
+            "version": "0.2.0",
+            "resolved": "https://registry.npmjs.org/nprogress/-/nprogress-0.2.0.tgz",
+            "integrity": "sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA=="
+        },
        "node_modules/object-assign": {
            "version": "4.1.1",
            "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
--- a/package.json
+++ b/package.json
@ -26,6 +26,7 @@
        "i": "^0.3.7",
        "mp3-duration": "^1.1.0",
        "next": "^13.4.10",
+        "next13-progressbar": "^0.1.2",
        "nodemailer": "^6.9.3",
        "podcast": "^2.0.1",
        "postcss-focus-visible": "^6.0.4",
--- 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;