ChandimaPrabath
commited on
Commit
β’
3236c88
1
Parent(s):
9bb4f30
add nprogress
Browse files- README.md +1 -1
- frontend/package-lock.json +25 -0
- frontend/package.json +1 -0
- frontend/src/app/layout.js +11 -7
- frontend/src/app/providers.js +15 -0
README.md
CHANGED
@@ -1,5 +1,5 @@
|
|
1 |
---
|
2 |
-
title:
|
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 |
-
<
|
17 |
-
<
|
18 |
-
|
19 |
-
|
20 |
-
|
21 |
-
<
|
22 |
-
|
|
|
|
|
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;
|