ChandimaPrabath commited on
Commit
3236c88
β€’
1 Parent(s): 9bb4f30

add nprogress

Browse files
README.md CHANGED
@@ -1,5 +1,5 @@
1
  ---
2
- title: UI
3
  emoji: πŸŒ–
4
  colorFrom: indigo
5
  colorTo: green
 
1
  ---
2
+ title: Nexora
3
  emoji: πŸŒ–
4
  colorFrom: indigo
5
  colorTo: green
frontend/package-lock.json CHANGED
@@ -19,6 +19,7 @@
19
  "axios": "^1.7.4",
20
  "bootstrap": "^5.3.3",
21
  "next": "14.2.5",
 
22
  "react": "^18",
23
  "react-bootstrap": "^2.10.4",
24
  "react-dom": "^18",
@@ -1507,6 +1508,11 @@
1507
  "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
1508
  "dev": true
1509
  },
 
 
 
 
 
1510
  "node_modules/@types/parse-json": {
1511
  "version": "4.0.2",
1512
  "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.2.tgz",
@@ -4753,6 +4759,20 @@
4753
  "node": "^10 || ^12 || >=14"
4754
  }
4755
  },
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4756
  "node_modules/normalize-path": {
4757
  "version": "3.0.0",
4758
  "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
@@ -4762,6 +4782,11 @@
4762
  "node": ">=0.10.0"
4763
  }
4764
  },
 
 
 
 
 
4765
  "node_modules/object-assign": {
4766
  "version": "4.1.1",
4767
  "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
 
19
  "axios": "^1.7.4",
20
  "bootstrap": "^5.3.3",
21
  "next": "14.2.5",
22
+ "next13-progressbar": "^1.2.2",
23
  "react": "^18",
24
  "react-bootstrap": "^2.10.4",
25
  "react-dom": "^18",
 
1508
  "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
1509
  "dev": true
1510
  },
1511
+ "node_modules/@types/nprogress": {
1512
+ "version": "0.2.3",
1513
+ "resolved": "https://registry.npmjs.org/@types/nprogress/-/nprogress-0.2.3.tgz",
1514
+ "integrity": "sha512-k7kRA033QNtC+gLc4VPlfnue58CM1iQLgn1IMAU8VPHGOj7oIHPp9UlhedEnD/Gl8evoCjwkZjlBORtZ3JByUA=="
1515
+ },
1516
  "node_modules/@types/parse-json": {
1517
  "version": "4.0.2",
1518
  "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.2.tgz",
 
4759
  "node": "^10 || ^12 || >=14"
4760
  }
4761
  },
4762
+ "node_modules/next13-progressbar": {
4763
+ "version": "1.2.2",
4764
+ "resolved": "https://registry.npmjs.org/next13-progressbar/-/next13-progressbar-1.2.2.tgz",
4765
+ "integrity": "sha512-ljZs7L/3Pr+E0eaeUAqu/6suraJghpyUgU1MylgFb0lG0bJ3ABf9Xqx0WIZqCHUjzxFZOSd6+JIfsbhHVTXu5w==",
4766
+ "dependencies": {
4767
+ "@types/nprogress": "^0.2.0",
4768
+ "nprogress": "^0.2.0",
4769
+ "prop-types": "^15.8.1"
4770
+ },
4771
+ "peerDependencies": {
4772
+ "next": ">= 13.0.0",
4773
+ "react": ">= 18.0.0"
4774
+ }
4775
+ },
4776
  "node_modules/normalize-path": {
4777
  "version": "3.0.0",
4778
  "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
 
4782
  "node": ">=0.10.0"
4783
  }
4784
  },
4785
+ "node_modules/nprogress": {
4786
+ "version": "0.2.0",
4787
+ "resolved": "https://registry.npmjs.org/nprogress/-/nprogress-0.2.0.tgz",
4788
+ "integrity": "sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA=="
4789
+ },
4790
  "node_modules/object-assign": {
4791
  "version": "4.1.1",
4792
  "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
frontend/package.json CHANGED
@@ -20,6 +20,7 @@
20
  "axios": "^1.7.4",
21
  "bootstrap": "^5.3.3",
22
  "next": "14.2.5",
 
23
  "react": "^18",
24
  "react-bootstrap": "^2.10.4",
25
  "react-dom": "^18",
 
20
  "axios": "^1.7.4",
21
  "bootstrap": "^5.3.3",
22
  "next": "14.2.5",
23
+ "next13-progressbar": "^1.2.2",
24
  "react": "^18",
25
  "react-bootstrap": "^2.10.4",
26
  "react-dom": "^18",
frontend/src/app/layout.js CHANGED
@@ -1,3 +1,4 @@
 
1
  import { Inter } from "next/font/google";
2
  import "./globals.css";
3
  import { FilmProvider } from "@/context/FilmContext";
@@ -5,6 +6,7 @@ import { config } from "@fortawesome/fontawesome-svg-core";
5
  import "@fortawesome/fontawesome-svg-core/styles.css";
6
  import Header from "@/components/shared/Header/Header";
7
  import { TvShowsProvider } from "@/context/TvshowContext";
 
8
 
9
  config.autoAddCss = false;
10
  const inter = Inter({ subsets: ["latin"] });
@@ -13,13 +15,15 @@ export default function RootLayout({ children }) {
13
  return (
14
  <html lang="en">
15
  <body className={inter.className}>
16
- <header>
17
- <link rel="manifest" href="webmanifest.json" />
18
- <Header />
19
- </header>
20
- <TvShowsProvider>
21
- <FilmProvider>{children}</FilmProvider>
22
- </TvShowsProvider>
 
 
23
  </body>
24
  </html>
25
  );
 
1
+ // app/layout.js
2
  import { Inter } from "next/font/google";
3
  import "./globals.css";
4
  import { FilmProvider } from "@/context/FilmContext";
 
6
  import "@fortawesome/fontawesome-svg-core/styles.css";
7
  import Header from "@/components/shared/Header/Header";
8
  import { TvShowsProvider } from "@/context/TvshowContext";
9
+ import Providers from "./providers";
10
 
11
  config.autoAddCss = false;
12
  const inter = Inter({ subsets: ["latin"] });
 
15
  return (
16
  <html lang="en">
17
  <body className={inter.className}>
18
+ <Providers>
19
+ <header>
20
+ <link rel="manifest" href="webmanifest.json" />
21
+ <Header />
22
+ </header>
23
+ <TvShowsProvider>
24
+ <FilmProvider>{children}</FilmProvider>
25
+ </TvShowsProvider>
26
+ </Providers>
27
  </body>
28
  </html>
29
  );
frontend/src/app/providers.js ADDED
@@ -0,0 +1,15 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ // app/providers.js
2
+ 'use client';
3
+ import React from 'react';
4
+ import { Next13ProgressBar } from 'next13-progressbar';
5
+
6
+ const Providers = ({ children }) => {
7
+ return (
8
+ <>
9
+ {children}
10
+ <Next13ProgressBar height="4px" color="var(--primary-special-color)" options={{ showSpinner: false }} showOnShallow />
11
+ </>
12
+ );
13
+ };
14
+
15
+ export default Providers;