Adding progress bar.

main
Thomas Hintz 2 years ago
parent c6a7175636
commit 3342f38596

25
package-lock.json generated

@ -24,6 +24,7 @@
"i": "^0.3.7", "i": "^0.3.7",
"mp3-duration": "^1.1.0", "mp3-duration": "^1.1.0",
"next": "^13.4.10", "next": "^13.4.10",
"next13-progressbar": "^0.1.2",
"nodemailer": "^6.9.3", "nodemailer": "^6.9.3",
"podcast": "^2.0.1", "podcast": "^2.0.1",
"postcss-focus-visible": "^6.0.4", "postcss-focus-visible": "^6.0.4",
@ -3409,6 +3410,11 @@
"resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.38.tgz", "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.38.tgz",
"integrity": "sha512-6sfo1qTulpVbkxECP+AVrHV9OoJqhzCsfTNp5NIG+enM4HyM3HvZCO798WShIXBN0+QtDIcutJCjsVYnQP5rIQ==" "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": { "node_modules/@types/object.omit": {
"version": "3.0.0", "version": "3.0.0",
"resolved": "https://registry.npmjs.org/@types/object.omit/-/object.omit-3.0.0.tgz", "resolved": "https://registry.npmjs.org/@types/object.omit/-/object.omit-3.0.0.tgz",
@ -7106,6 +7112,20 @@
"node": "^10 || ^12 || >=14" "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": { "node_modules/node-addon-api": {
"version": "4.3.0", "version": "4.3.0",
"resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-4.3.0.tgz", "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-4.3.0.tgz",
@ -7279,6 +7299,11 @@
"set-blocking": "^2.0.0" "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": { "node_modules/object-assign": {
"version": "4.1.1", "version": "4.1.1",
"resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",

@ -26,6 +26,7 @@
"i": "^0.3.7", "i": "^0.3.7",
"mp3-duration": "^1.1.0", "mp3-duration": "^1.1.0",
"next": "^13.4.10", "next": "^13.4.10",
"next13-progressbar": "^0.1.2",
"nodemailer": "^6.9.3", "nodemailer": "^6.9.3",
"podcast": "^2.0.1", "podcast": "^2.0.1",
"postcss-focus-visible": "^6.0.4", "postcss-focus-visible": "^6.0.4",

@ -3,6 +3,8 @@ import './globals.css';
import { AudioPlayer } from '@/components/player/AudioPlayer' import { AudioPlayer } from '@/components/player/AudioPlayer'
import { AudioProvider } from '@/components/AudioProvider' import { AudioProvider } from '@/components/AudioProvider'
import Providers from './providers';
export const metadata = { export const metadata = {
title: { title: {
default: 'The React Show - Weekly React Focused Podcast', default: 'The React Show - Weekly React Focused Podcast',
@ -15,7 +17,7 @@ export default function RootLayout({children}) {
<html lang="en"> <html lang="en">
<body> <body>
<AudioProvider> <AudioProvider>
{children} <Providers>{children}</Providers>
<div className="fixed inset-x-0 bottom-0 z-10 lg:left-112 xl:left-120"> <div className="fixed inset-x-0 bottom-0 z-10 lg:left-112 xl:left-120">
<AudioPlayer /> <AudioPlayer />
</div> </div>

@ -0,0 +1,8 @@
'use client';
import { NProvider } from 'next13-progressbar';
const Providers = ({ children }) => {
return <NProvider color="#fff">{children}</NProvider>;
};
export default Providers;
Loading…
Cancel
Save