From b60ce3658777929ae73d2a768649346a623695ee Mon Sep 17 00:00:00 2001 From: Theo Zebua Date: Tue, 8 Oct 2024 18:00:56 +0700 Subject: [PATCH 1/3] `chore:` install `next-nprogress-bar` --- package-lock.json | 16 ++++++++++++++++ package.json | 1 + 2 files changed, 17 insertions(+) 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", From 000169fc1ebc3386c32f9fa015ec7cea5ae3b750 Mon Sep 17 00:00:00 2001 From: Theo Zebua Date: Tue, 8 Oct 2024 18:02:22 +0700 Subject: [PATCH 2/3] `feat:` create progress bar component --- src/components/progress-bar.tsx | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) create mode 100644 src/components/progress-bar.tsx 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} + + + ) +} From e944f20c1ecd9d7a21236af2bfdca7d0a0d067c2 Mon Sep 17 00:00:00 2001 From: Theo Zebua Date: Tue, 8 Oct 2024 18:02:39 +0700 Subject: [PATCH 3/3] `feat:` add progress bar component to the root layout --- src/app/layout.tsx | 21 ++++++++++++--------- 1 file changed, 12 insertions(+), 9 deletions(-) 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 && }