feat: improve maplist url (#183)

5 files changed, 6 insertions, 5 deletions

diff --git a/frontend/src/App.js b/frontend/src/App.js
index b7bfeb3..5b68ae5 100644
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@@ -40,7 +40,7 @@ export default function App() {
             <Route path="/about" element={<About/>}></Route>

             <Route path="/maps/*" element={<Summary token={token} mod={mod}/>}></Route>

             <Route path="/games" element={<Games/>}></Route>

-            <Route path="/games/game" element={<Maplist token={token} mod={mod} />}></Route>

+            <Route path="/games/*" element={<Maplist token={token} mod={mod} />}></Route>

             <Route path="*" element={<Main text="404 Page not found"/>}></Route>

         </Routes>

         </BrowserRouter>

diff --git a/frontend/src/components/pages/game.js b/frontend/src/components/pages/game.js
index 017760b..301e035 100644
--- a/frontend/src/components/pages/game.js
+++ b/frontend/src/components/pages/game.js
@@ -34,7 +34,7 @@ export default function GameEntry({ gameInfo }) {
     })
 
     return (
-        <Link to={"/games/game?game=" + gameInfo.id}><div className='games-page-item'>
+        <Link to={"/games/" + gameInfo.id}><div className='games-page-item'>
             <div className='games-page-item-header'>
                 <div style={{backgroundImage: `url(${gameInfo.image})`}} className='games-page-item-header-img'></div>
                 <span><b>{gameInfo.name}</b></span>
diff --git a/frontend/src/components/pages/maplist.css b/frontend/src/components/pages/maplist.css
index a63c4ec..2f279c3 100644
--- a/frontend/src/components/pages/maplist.css
+++ b/frontend/src/components/pages/maplist.css
@@ -22,7 +22,7 @@ a {
 }
 
 .maplist-page-header {
-    margin-top: 20px;
+    margin-top: 33px;
     display: grid;
     margin-bottom: 10px;
 }
diff --git a/frontend/src/components/pages/maplist.js b/frontend/src/components/pages/maplist.js
index f4041a2..a7464e9 100644
--- a/frontend/src/components/pages/maplist.js
+++ b/frontend/src/components/pages/maplist.js
@@ -31,7 +31,7 @@ export default function Maplist(prop) {
         const url = new URL(window.location.href)
 
         const params = new URLSearchParams(url.search)
-        gameState = parseFloat(params.get("game"))
+        gameState = parseFloat(location.pathname.split("/")[2])
 
         document.querySelector("#catPortalCount").innerText = data.data[gameState - 1].category_portals[0].portal_count;
 
diff --git a/frontend/src/components/pages/summary.js b/frontend/src/components/pages/summary.js
index 9957c5d..d276408 100644
--- a/frontend/src/components/pages/summary.js
+++ b/frontend/src/components/pages/summary.js
@@ -318,6 +318,7 @@ if(window.confirm(`Are you sure you want to remove post: ${post.title}?`)){
 
 
 if(data!==null){
+    console.log(data)
     
 let current_chapter = data.map.chapter_name
 let isCoop = false;
@@ -340,7 +341,7 @@ return (
         <section id='section1' className='summary1'>
             <div>
                 <Link to="/games"><button className='nav-button' style={{borderRadius: "20px 0px 0px 20px"}}><i className='triangle'></i><span>Games list</span></button></Link>
-                <Link to={`/games/${data.map.game_name == "Portal 2 - Singleplayer" ? "game?game=1" : data.map.game_name == "Portal 2 - Cooperative" ? "game?game=2" : "psm"}&chapter=${current_chapter}`}><button className='nav-button' style={{borderRadius: "0px 20px 20px 0px", marginLeft: "2px"}}><i className='triangle'></i><span>{data.map.chapter_name}</span></button></Link>
+                <Link to={`/games/${!data.map.is_coop ? "1" : "2"}?chapter=${current_chapter}`}><button className='nav-button' style={{borderRadius: "0px 20px 20px 0px", marginLeft: "2px"}}><i className='triangle'></i><span>{data.map.chapter_name}</span></button></Link>
                 <br/><span><b>{data.map.map_name}</b></span>
             </div>