From c1cbd6a0883ec02f5a71908a32448c945b2ccb32 Mon Sep 17 00:00:00 2001 From: shadi fakhri <113238379+Shadi38@users.noreply.github.com> Date: Mon, 24 Feb 2025 12:06:56 +0000 Subject: [PATCH] deleted BrowserRouter from app.js --- client/build/asset-manifest.json | 8 ++++---- client/build/index.html | 2 +- ...precache-manifest.94c88b197e198856f5be99e634685da0.js} | 8 ++++---- client/build/service-worker.js | 2 +- .../js/{main.ea952941.chunk.js => main.6b7ca9be.chunk.js} | 2 +- ...n.ea952941.chunk.js.map => main.6b7ca9be.chunk.js.map} | 2 +- client/src/App.js | 4 +++- 7 files changed, 15 insertions(+), 13 deletions(-) rename client/build/{precache-manifest.4afa46169fbbb26ee190b43b12199f37.js => precache-manifest.94c88b197e198856f5be99e634685da0.js} (72%) rename client/build/static/js/{main.ea952941.chunk.js => main.6b7ca9be.chunk.js} (98%) rename client/build/static/js/{main.ea952941.chunk.js.map => main.6b7ca9be.chunk.js.map} (95%) diff --git a/client/build/asset-manifest.json b/client/build/asset-manifest.json index c555c84112..150e35c1ec 100644 --- a/client/build/asset-manifest.json +++ b/client/build/asset-manifest.json @@ -1,14 +1,14 @@ { "files": { "main.css": "/static/css/main.9eea8eb2.chunk.css", - "main.js": "/static/js/main.ea952941.chunk.js", - "main.js.map": "/static/js/main.ea952941.chunk.js.map", + "main.js": "/static/js/main.6b7ca9be.chunk.js", + "main.js.map": "/static/js/main.6b7ca9be.chunk.js.map", "runtime-main.js": "/static/js/runtime-main.81534a39.js", "runtime-main.js.map": "/static/js/runtime-main.81534a39.js.map", "static/js/2.4657c1e3.chunk.js": "/static/js/2.4657c1e3.chunk.js", "static/js/2.4657c1e3.chunk.js.map": "/static/js/2.4657c1e3.chunk.js.map", "index.html": "/index.html", - "precache-manifest.4afa46169fbbb26ee190b43b12199f37.js": "/precache-manifest.4afa46169fbbb26ee190b43b12199f37.js", + "precache-manifest.94c88b197e198856f5be99e634685da0.js": "/precache-manifest.94c88b197e198856f5be99e634685da0.js", "service-worker.js": "/service-worker.js", "static/css/main.9eea8eb2.chunk.css.map": "/static/css/main.9eea8eb2.chunk.css.map", "static/js/2.4657c1e3.chunk.js.LICENSE.txt": "/static/js/2.4657c1e3.chunk.js.LICENSE.txt" @@ -17,6 +17,6 @@ "static/js/runtime-main.81534a39.js", "static/js/2.4657c1e3.chunk.js", "static/css/main.9eea8eb2.chunk.css", - "static/js/main.ea952941.chunk.js" + "static/js/main.6b7ca9be.chunk.js" ] } \ No newline at end of file diff --git a/client/build/index.html b/client/build/index.html index 0dd85bdf60..253920daf0 100644 --- a/client/build/index.html +++ b/client/build/index.html @@ -1 +1 @@ -React App
\ No newline at end of file +React App
\ No newline at end of file diff --git a/client/build/precache-manifest.4afa46169fbbb26ee190b43b12199f37.js b/client/build/precache-manifest.94c88b197e198856f5be99e634685da0.js similarity index 72% rename from client/build/precache-manifest.4afa46169fbbb26ee190b43b12199f37.js rename to client/build/precache-manifest.94c88b197e198856f5be99e634685da0.js index 7213ec7f11..c0c4fa8d70 100644 --- a/client/build/precache-manifest.4afa46169fbbb26ee190b43b12199f37.js +++ b/client/build/precache-manifest.94c88b197e198856f5be99e634685da0.js @@ -1,10 +1,10 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([ { - "revision": "cbec3bebba05f3aafc7f16db5d06217c", + "revision": "1fcf7409d3587c1a4f18a037171526dd", "url": "/index.html" }, { - "revision": "aa5af2d354bb4b093256", + "revision": "a686746ddfd5becbea9b", "url": "/static/css/main.9eea8eb2.chunk.css" }, { @@ -16,8 +16,8 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([ "url": "/static/js/2.4657c1e3.chunk.js.LICENSE.txt" }, { - "revision": "aa5af2d354bb4b093256", - "url": "/static/js/main.ea952941.chunk.js" + "revision": "a686746ddfd5becbea9b", + "url": "/static/js/main.6b7ca9be.chunk.js" }, { "revision": "05fbb5ed970a924e23b7", diff --git a/client/build/service-worker.js b/client/build/service-worker.js index 487424f6c7..063ef0fbc5 100644 --- a/client/build/service-worker.js +++ b/client/build/service-worker.js @@ -14,7 +14,7 @@ importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js"); importScripts( - "/precache-manifest.4afa46169fbbb26ee190b43b12199f37.js" + "/precache-manifest.94c88b197e198856f5be99e634685da0.js" ); self.addEventListener('message', (event) => { diff --git a/client/build/static/js/main.ea952941.chunk.js b/client/build/static/js/main.6b7ca9be.chunk.js similarity index 98% rename from client/build/static/js/main.ea952941.chunk.js rename to client/build/static/js/main.6b7ca9be.chunk.js index a235e8b9ee..7cf8f8e2b9 100644 --- a/client/build/static/js/main.ea952941.chunk.js +++ b/client/build/static/js/main.6b7ca9be.chunk.js @@ -1,2 +1,2 @@ (this.webpackJsonpclient=this.webpackJsonpclient||[]).push([[0],[,,,,,function(e,t,a){},function(e,t,a){e.exports=a(11)},,,,function(e,t,a){},function(e,t,a){"use strict";a.r(t);var n=a(0),c=a.n(n),o=a(4),r=a.n(o),s=(a(10),a(3)),l=a(2);a(5);var i=function(){const[e,t]=Object(n.useState)(!1),[a,o]=Object(n.useState)([]),[r,d]=Object(n.useState)("ase");function m(e,t){if(e.preventDefault(),"asc"===t){const e=[...a].sort((e,t)=>e.rating-t.rating);o(e),d("asc")}else{const e=[...a].sort((e,t)=>t.rating-e.rating);o(e),d("desc")}}return Object(n.useEffect)(()=>{(async()=>{try{const e=await fetch("http://ec2-13-43-88-72.eu-west-2.compute.amazonaws.com:3000/videos");if(!e.ok)throw new Error("something went wrong");const t=await e.json();t.sort((e,t)=>t.rating-e.rating),o(t)}catch(e){console.error("Error fetching data:",e)}})()},[]),c.a.createElement(s.a,null,c.a.createElement("div",{className:"App"},c.a.createElement("header",{className:"appHeader"},c.a.createElement("h1",{style:{background:"#97CAEF",color:"black"}},"Video Recommendation")),c.a.createElement("nav",{className:"nav"},c.a.createElement("div",{className:"orderBtn"},c.a.createElement("p",null,"order by rate : "),c.a.createElement("button",{onClick:e=>m(e,"asc"),disabled:"asc"===r},"Ase"),c.a.createElement("button",{onClick:e=>m(e,"desc"),disabled:"desc"===r},"Desc")),c.a.createElement("div",{style:{backgroundColor:"#55BCC9"}}),c.a.createElement(s.b,{to:"/videos",style:{color:"#FC4445",marginLeft:20,textDecoration:"none",fontWeight:"bold"},onClick:()=>t(!0)},"Videos")),c.a.createElement(l.c,null," ",c.a.createElement(l.a,{path:"/videos",element:c.a.createElement(i,{show:e,setShow:t,loadVideo:a,setLoadVideo:o})}))))};var d=function(){const[e,t]=Object(n.useState)(!1),[a,o]=Object(n.useState)([]),[r,d]=Object(n.useState)("ase");function m(e,t){if(e.preventDefault(),"asc"===t){const e=[...a].sort((e,t)=>e.rating-t.rating);o(e),d("asc")}else{const e=[...a].sort((e,t)=>t.rating-e.rating);o(e),d("desc")}}return Object(n.useEffect)(()=>{(async()=>{try{const e=await fetch("http://ec2-13-43-88-72.eu-west-2.compute.amazonaws.com:3000/videos");if(!e.ok)throw new Error("something went wrong");const t=await e.json();t.sort((e,t)=>t.rating-e.rating),o(t)}catch(e){console.error("Error fetching data:",e)}})()},[]),c.a.createElement("div",{className:"App"},c.a.createElement("header",{className:"appHeader"},c.a.createElement("h1",{style:{background:"#97CAEF",color:"black"}},"Video Recommendation")),c.a.createElement("nav",{className:"nav"},c.a.createElement("div",{className:"orderBtn"},c.a.createElement("p",null,"order by rate : "),c.a.createElement("button",{onClick:e=>m(e,"asc"),disabled:"asc"===r},"Ase"),c.a.createElement("button",{onClick:e=>m(e,"desc"),disabled:"desc"===r},"Desc")),c.a.createElement("div",{style:{backgroundColor:"#55BCC9"}}),c.a.createElement(s.b,{to:"/videos",style:{color:"#FC4445",marginLeft:20,textDecoration:"none",fontWeight:"bold"},onClick:()=>t(!0)},"Videos")),c.a.createElement(l.c,null,c.a.createElement(l.a,{path:"/videos",element:c.a.createElement(i,{show:e,setShow:t,loadVideo:a,setLoadVideo:o})})))};r.a.render(c.a.createElement(s.a,null," ",c.a.createElement(d,null)),document.getElementById("root"))}],[[6,1,2]]]); -//# sourceMappingURL=main.ea952941.chunk.js.map \ No newline at end of file +//# sourceMappingURL=main.6b7ca9be.chunk.js.map \ No newline at end of file diff --git a/client/build/static/js/main.ea952941.chunk.js.map b/client/build/static/js/main.6b7ca9be.chunk.js.map similarity index 95% rename from client/build/static/js/main.ea952941.chunk.js.map rename to client/build/static/js/main.6b7ca9be.chunk.js.map index 07115ae25b..f62ece4670 100644 --- a/client/build/static/js/main.ea952941.chunk.js.map +++ b/client/build/static/js/main.6b7ca9be.chunk.js.map @@ -1 +1 @@ -{"version":3,"sources":["Videos.js","App.js","index.js"],"names":["App","showVideos","setShowVideos","useState","loadVideo","setLoadVideo","order","setOrder","orderClickHandler","e","newOrder","preventDefault","sortedVideos","sort","a","b","rating","useEffect","async","response","fetch","ok","Error","data","json","error","console","getData","React","createElement","Router","className","style","background","color","onClick","disabled","backgroundColor","Link","to","marginLeft","textDecoration","fontWeight","Routes","Route","path","element","Videos","show","setShow","ReactDOM","render","BrowserRouter","document","getElementById"],"mappings":"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","file":"static/js/main.ea952941.chunk.js","sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport { BrowserRouter as Router, Route, Routes,Link } from \"react-router-dom\";\n\n\n\nimport \"./App.css\";\nimport Videos from \"./Videos.js\";\n\nfunction App() {\n const [showVideos, setShowVideos] = useState(false);\n const [loadVideo, setLoadVideo] = useState([]);\n const [order, setOrder] = useState(\"ase\");\n \n \n // function cancelBtnHandler(e) {\n // props.setShow(false);\n // }\n\n useEffect(() => {\n const getData = async () => {\n try {\n const response = await fetch(\n \"http://ec2-13-43-88-72.eu-west-2.compute.amazonaws.com:3000/videos\"\n );\n if (!response.ok) {\n throw new Error(\"something went wrong\");\n }\n const data = await response.json();\n //desending acording to the rating\n data.sort((a, b) => b.rating - a.rating);\n return setLoadVideo(data);\n } catch (error) {\n console.error(\"Error fetching data:\", error);\n }\n };\n getData();\n }, []);\n\n function orderClickHandler(e, newOrder) {\n e.preventDefault();\n\n if (newOrder === \"asc\") {\n const sortedVideos = [...loadVideo].sort((a, b) => a.rating - b.rating);\n setLoadVideo(sortedVideos);\n setOrder(\"asc\");\n } else {\n const sortedVideos = [...loadVideo].sort((a, b) => b.rating - a.rating);\n setLoadVideo(sortedVideos);\n setOrder(\"desc\");\n }\n }\n\n return (\n \n
\n
\n

\n Video Recommendation\n

\n
\n \n \n {\" \"}\n \n }\n />\n \n
\n \n );\n}\n\nexport default App;\n","\nimport React, { useState, useEffect } from \"react\";\nimport { BrowserRouter as Router, Route, Routes, Link } from \"react-router-dom\";\n\nimport \"./App.css\";\nimport Videos from \"./Videos.js\";\n\nfunction App() {\n const [showVideos, setShowVideos] = useState(false);\n const [loadVideo, setLoadVideo] = useState([]);\n const [order, setOrder] = useState(\"ase\");\n\n useEffect(() => {\n const getData = async () => {\n try {\n const response = await fetch(\n \"http://ec2-13-43-88-72.eu-west-2.compute.amazonaws.com:3000/videos\"\n );\n if (!response.ok) {\n throw new Error(\"something went wrong\");\n }\n const data = await response.json();\n //descending according to the rating\n data.sort((a, b) => b.rating - a.rating);\n return setLoadVideo(data);\n } catch (error) {\n console.error(\"Error fetching data:\", error);\n }\n };\n getData();\n }, []);\n\n function orderClickHandler(e, newOrder) {\n e.preventDefault();\n\n if (newOrder === \"asc\") {\n const sortedVideos = [...loadVideo].sort((a, b) => a.rating - b.rating);\n setLoadVideo(sortedVideos);\n setOrder(\"asc\");\n } else {\n const sortedVideos = [...loadVideo].sort((a, b) => b.rating - a.rating);\n setLoadVideo(sortedVideos);\n setOrder(\"desc\");\n }\n }\n\n return (\n
\n
\n

\n Video Recommendation\n

\n
\n \n \n \n }\n />\n \n
\n );\n}\n\nexport default App;\n","\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport { BrowserRouter } from 'react-router-dom';\n\nReactDOM.render(\n {/* Wrapping App component with BrowserRouter */}\n \n ,\n document.getElementById('root')\n);\n\n\n"],"sourceRoot":""} \ No newline at end of file +{"version":3,"sources":["Videos.js","App.js","index.js"],"names":["App","showVideos","setShowVideos","useState","loadVideo","setLoadVideo","order","setOrder","orderClickHandler","e","newOrder","preventDefault","sortedVideos","sort","a","b","rating","useEffect","async","response","fetch","ok","Error","data","json","error","console","getData","React","createElement","Router","className","style","background","color","onClick","disabled","backgroundColor","Link","to","marginLeft","textDecoration","fontWeight","Routes","Route","path","element","Videos","show","setShow","ReactDOM","render","BrowserRouter","document","getElementById"],"mappings":"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","file":"static/js/main.6b7ca9be.chunk.js","sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport { BrowserRouter as Router, Route, Routes,Link } from \"react-router-dom\";\n\n\n\nimport \"./App.css\";\nimport Videos from \"./Videos.js\";\n\nfunction App() {\n const [showVideos, setShowVideos] = useState(false);\n const [loadVideo, setLoadVideo] = useState([]);\n const [order, setOrder] = useState(\"ase\");\n \n \n // function cancelBtnHandler(e) {\n // props.setShow(false);\n // }\n\n useEffect(() => {\n const getData = async () => {\n try {\n const response = await fetch(\n \"http://ec2-13-43-88-72.eu-west-2.compute.amazonaws.com:3000/videos\"\n );\n if (!response.ok) {\n throw new Error(\"something went wrong\");\n }\n const data = await response.json();\n //desending acording to the rating\n data.sort((a, b) => b.rating - a.rating);\n return setLoadVideo(data);\n } catch (error) {\n console.error(\"Error fetching data:\", error);\n }\n };\n getData();\n }, []);\n\n function orderClickHandler(e, newOrder) {\n e.preventDefault();\n\n if (newOrder === \"asc\") {\n const sortedVideos = [...loadVideo].sort((a, b) => a.rating - b.rating);\n setLoadVideo(sortedVideos);\n setOrder(\"asc\");\n } else {\n const sortedVideos = [...loadVideo].sort((a, b) => b.rating - a.rating);\n setLoadVideo(sortedVideos);\n setOrder(\"desc\");\n }\n }\n\n return (\n \n
\n
\n

\n Video Recommendation\n

\n
\n \n \n {\" \"}\n \n }\n />\n \n
\n \n );\n}\n\nexport default App;\n","\nimport React, { useState, useEffect } from \"react\";\n// import { BrowserRouter as Router, Route, Routes, Link } from \"react-router-dom\";\nimport { Route, Routes, Link } from \"react-router-dom\";\n\n\nimport \"./App.css\";\nimport Videos from \"./Videos.js\";\n\nfunction App() {\n const [showVideos, setShowVideos] = useState(false);\n const [loadVideo, setLoadVideo] = useState([]);\n const [order, setOrder] = useState(\"ase\");\n\n useEffect(() => {\n const getData = async () => {\n try {\n const response = await fetch(\n \"http://ec2-13-43-88-72.eu-west-2.compute.amazonaws.com:3000/videos\"\n );\n if (!response.ok) {\n throw new Error(\"something went wrong\");\n }\n const data = await response.json();\n //descending according to the rating\n data.sort((a, b) => b.rating - a.rating);\n return setLoadVideo(data);\n } catch (error) {\n console.error(\"Error fetching data:\", error);\n }\n };\n getData();\n }, []);\n\n function orderClickHandler(e, newOrder) {\n e.preventDefault();\n\n if (newOrder === \"asc\") {\n const sortedVideos = [...loadVideo].sort((a, b) => a.rating - b.rating);\n setLoadVideo(sortedVideos);\n setOrder(\"asc\");\n } else {\n const sortedVideos = [...loadVideo].sort((a, b) => b.rating - a.rating);\n setLoadVideo(sortedVideos);\n setOrder(\"desc\");\n }\n }\n\n return (\n
\n
\n

\n Video Recommendation\n

\n
\n \n \n \n }\n />\n \n
\n );\n}\n\nexport default App;\n","\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport { BrowserRouter } from 'react-router-dom';\n\nReactDOM.render(\n {/* Wrapping App component with BrowserRouter */}\n \n ,\n document.getElementById('root')\n);\n\n\n"],"sourceRoot":""} \ No newline at end of file diff --git a/client/src/App.js b/client/src/App.js index ffc4b33ccb..74038c848f 100644 --- a/client/src/App.js +++ b/client/src/App.js @@ -1,6 +1,8 @@ import React, { useState, useEffect } from "react"; -import { BrowserRouter as Router, Route, Routes, Link } from "react-router-dom"; +// import { BrowserRouter as Router, Route, Routes, Link } from "react-router-dom"; +import { Route, Routes, Link } from "react-router-dom"; + import "./App.css"; import Videos from "./Videos.js";