diff --git a/package-lock.json b/package-lock.json index a429fb4..10a27ba 100644 --- a/package-lock.json +++ b/package-lock.json @@ -19,6 +19,7 @@ "framer-motion": "^11.11.0", "lucide-react": "^0.447.0", "next": "14.2.14", + "next-nprogress-bar": "^2.3.13", "next-themes": "^0.3.0", "nextui-alert": "^0.1.4", "react": "^18", @@ -9730,6 +9731,15 @@ } } }, + "node_modules/next-nprogress-bar": { + "version": "2.3.13", + "resolved": "https://registry.npmjs.org/next-nprogress-bar/-/next-nprogress-bar-2.3.13.tgz", + "integrity": "sha512-eJQDvPSUwZ2yRyNKqAH6xTFI4RtIFvs+qtY8essTtfooyaxLGmkanEO7vL83U166bullMtVpixD6FQk5SQkhMw==", + "license": "MIT", + "dependencies": { + "nprogress": "^0.2.0" + } + }, "node_modules/next-themes": { "version": "0.3.0", "resolved": "https://registry.npmjs.org/next-themes/-/next-themes-0.3.0.tgz", @@ -9858,6 +9868,12 @@ "npm": ">=8.12.1" } }, + "node_modules/nprogress": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/nprogress/-/nprogress-0.2.0.tgz", + "integrity": "sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA==", + "license": "MIT" + }, "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 6135982..8669d8c 100644 --- a/package.json +++ b/package.json @@ -26,6 +26,7 @@ "framer-motion": "^11.11.0", "lucide-react": "^0.447.0", "next": "14.2.14", + "next-nprogress-bar": "^2.3.13", "next-themes": "^0.3.0", "nextui-alert": "^0.1.4", "react": "^18", diff --git a/src/app/layout.tsx b/src/app/layout.tsx index af8c203..711d774 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -6,6 +6,7 @@ import './_layout-components/main.css' import { Providers } from './_layout-components/providers' import { PageIndicator } from './_layout-components/page-indicator' import { sans } from './_layout-components/font' +import ProgressBar from '@/components/progress-bar' export const metadata: Metadata = { title: 'Sensasi POS — Aplikasi Point of Sale Sederhana', @@ -32,18 +33,20 @@ export default function RootLayout({ - - {navbar} + + + {navbar} -
- ⓘ Aplikasi masih dalam tahap pengembangan. Silakan kunjungi lagi - nanti. -
+
+ ⓘ Aplikasi masih dalam tahap pengembangan. Silakan kunjungi lagi + nanti. +
- {children} + {children} - - + + + {isProduction && } diff --git a/src/components/progress-bar.tsx b/src/components/progress-bar.tsx new file mode 100644 index 0000000..2c90a10 --- /dev/null +++ b/src/components/progress-bar.tsx @@ -0,0 +1,18 @@ +'use client' + +import { AppProgressBar } from 'next-nprogress-bar' +import { ReactNode } from 'react' + +export default function ProgressBar({ children }: { children: ReactNode }) { + return ( + <> + {children} + + + ) +}