fix: about page crash, update packages (#181)

2 files changed, 13 insertions, 2 deletions

diff --git a/frontend/src/components/pages/games.js b/frontend/src/components/pages/games.js
index 8c27151..75b5e44 100644
--- a/frontend/src/components/pages/games.js
+++ b/frontend/src/components/pages/games.js
@@ -10,6 +10,10 @@ export default function Games(prop) {
     const location = useLocation();
 
     useEffect(() => {
+        document.querySelectorAll(".games-page-item-body").forEach((game, index) => {
+            game.innerHTML = "";
+        })
+
         const fetchGames = async () => {
             try {
                 const response = await fetch("https://lp.ardapektezol.com/api/v1/games", {
diff --git a/frontend/src/components/pages/maplist.js b/frontend/src/components/pages/maplist.js
index dca76d6..f4041a2 100644
--- a/frontend/src/components/pages/maplist.js
+++ b/frontend/src/components/pages/maplist.js
@@ -98,6 +98,9 @@ export default function Maplist(prop) {
         const data = await response.json();
         let categoriesArr = data.data[gameID - 1].category_portals;
 
+        if (document.querySelector(".maplist-maps") == null) {
+            return;
+        }
         const gameNav = document.querySelector(".game-nav");
         gameNav.innerHTML = "";
         categoriesArr.forEach((category) => {
@@ -147,7 +150,6 @@ export default function Maplist(prop) {
     }
 
     async function changePage(page) {
-
         const pageNumbers = document.querySelector("#pageNumbers");
         
         pageNumbers.innerText = `${currentPage - minPage + 1}/${maxPage - minPage + 1}`;
@@ -174,6 +176,9 @@ export default function Maplist(prop) {
         const chapterNumber = chapterNumber1.toString().padStart(2, "0");
         const chapterTitle = name.split(" - ")[1];
 
+        if (document.querySelector(".maplist-maps") == null) {
+            return;
+        }
         const chapterNumberElement = document.querySelector(".chapter-num")
         const chapterTitleElement = document.querySelector(".chapter-name")
         chapterNumberElement.innerText = chapterName + " " + chapterNumber;
@@ -623,7 +628,7 @@ export default function Maplist(prop) {
                 }
                 dataPoint.style.animationDelay = delay + "s"
                 
-                let isHoveringOverData = false;
+                let isHoveringOverData = true;
                 let isDataActive = false;
                 document.querySelector("#dataPointInfo").style.left = item.x + "px";
                 document.querySelector("#dataPointInfo").style.bottom = (point_height * item.record -3) + "px";
@@ -671,6 +676,8 @@ export default function Maplist(prop) {
                 })
                 document.querySelector(".chart").addEventListener("mouseleave", () => {
                     isDataActive = false
+                    // fuck you
+                    isHoveringOverData = true;
                     dataPoint.classList.remove("data-point-active")
                     document.querySelector("#dataPointInfo").style.opacity = "0";
                     document.querySelector("#dataPointInfo").style.zIndex = "0";