From 3342f3859626c3f769d1e5d5927516f4766a649b Mon Sep 17 00:00:00 2001 From: Thomas Hintz Date: Tue, 18 Jul 2023 10:11:00 -0700 Subject: [PATCH] Adding progress bar. --- package-lock.json | 25 +++++++++++++++++++++++++ package.json | 1 + src/app/layout.jsx | 4 +++- src/app/providers.jsx | 8 ++++++++ 4 files changed, 37 insertions(+), 1 deletion(-) create mode 100644 src/app/providers.jsx diff --git a/package-lock.json b/package-lock.json index 64b3d8c..7943291 100644 --- 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", diff --git a/package.json b/package.json index e85ac45..c09aecd 100644 --- 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", diff --git a/src/app/layout.jsx b/src/app/layout.jsx index a9536bb..71e78c1 100644 --- 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}) { - {children} + {children}
diff --git a/src/app/providers.jsx b/src/app/providers.jsx new file mode 100644 index 0000000..1f2a902 --- /dev/null +++ b/src/app/providers.jsx @@ -0,0 +1,8 @@ +'use client'; +import { NProvider } from 'next13-progressbar'; + +const Providers = ({ children }) => { + return {children}; +}; + +export default Providers;