chore/frontend: semicolon linting (#287)

5 files changed, 44 insertions, 44 deletions

diff --git a/frontend/src/pages/Games.tsx b/frontend/src/pages/Games.tsx
index 909ea20..f4b5463 100644
--- a/frontend/src/pages/Games.tsx
+++ b/frontend/src/pages/Games.tsx
@@ -3,7 +3,7 @@ import { Helmet } from "react-helmet";
 
 import GameEntry from "@components/GameEntry";
 import { Game } from "@customTypes/Game";
-import "@css/Maps.css"
+import "@css/Maps.css";
 
 interface GamesProps {
   games: Game[];
@@ -16,7 +16,7 @@ const Games: React.FC<GamesProps> = ({ games }) => {
     loaders.forEach((loader) => {
       (loader as HTMLElement).style.display = "none";
     });
-  }
+  };
 
   React.useEffect(() => {
     document.querySelectorAll(".games-page-item-body").forEach((game, index) => {
diff --git a/frontend/src/pages/Maplist.tsx b/frontend/src/pages/Maplist.tsx
index bda24cd..dc655ca 100644
--- a/frontend/src/pages/Maplist.tsx
+++ b/frontend/src/pages/Maplist.tsx
@@ -34,7 +34,7 @@ const Maplist: React.FC = () => {
   const _fetch_chapters = async (chapter_id: string) => {
     const chapters = await API.get_chapters(chapter_id);
     setCurChapter(chapters);
-  }
+  };
 
   const _handle_dropdown_click = () => {
     if (dropdownActive == "none") {
@@ -42,7 +42,7 @@ const Maplist: React.FC = () => {
     } else {
       setDropdownActive("none");
     }
-  }
+  };
 
   // im sorry but im too lazy to fix this right now
   useEffect(() => {
@@ -73,7 +73,7 @@ const Maplist: React.FC = () => {
       const games_chapters = await API.get_games_chapters(gameId.toString());
       setGameChapters(games_chapters);
       setNumChapters(games_chapters.chapters.length);
-    }
+    };
 
     setLoad(true);
     _fetch_game();
@@ -85,7 +85,7 @@ const Maplist: React.FC = () => {
     if (gameChapters != undefined && !queryParams.get("chapter")) {
       _fetch_chapters(gameChapters!.chapters[0].id.toString());
     }
-  }, [gameChapters])
+  }, [gameChapters]);
 
 
 
@@ -124,7 +124,7 @@ const Maplist: React.FC = () => {
               </div>
               <div className="game-header-categories">
                 {game?.category_portals.map((cat, index) => (
-                  <button key={index} className={currentlySelected == cat.category.id || cat.category.id - 1 == catNum && !hasClicked ? "game-cat-button selected" : "game-cat-button"} onClick={() => { setCatNum(cat.category.id - 1); _update_currently_selected(cat.category.id) }}>
+                  <button key={index} className={currentlySelected == cat.category.id || cat.category.id - 1 == catNum && !hasClicked ? "game-cat-button selected" : "game-cat-button"} onClick={() => { setCatNum(cat.category.id - 1); _update_currently_selected(cat.category.id); }}>
                     <span>{cat.category.name}</span>
                   </button>
                 ))}
@@ -143,7 +143,7 @@ const Maplist: React.FC = () => {
               </div>
               <div className="dropdown-elements" style={{ display: dropdownActive }}>
                 {gameChapters?.chapters.map((chapter, i) => {
-                  return <div className="dropdown-element" onClick={() => { _fetch_chapters(chapter.id.toString()); _handle_dropdown_click() }}>{chapter.name}</div>
+                  return <div className="dropdown-element" onClick={() => { _fetch_chapters(chapter.id.toString()); _handle_dropdown_click(); }}>{chapter.name}</div>;
                 })
 
                 }
@@ -173,7 +173,7 @@ const Maplist: React.FC = () => {
                       </div>
                     </div>
                   </Link>
-                </div>
+                </div>;
               })}
             </section>
           </div>
diff --git a/frontend/src/pages/Profile.tsx b/frontend/src/pages/Profile.tsx
index e7b8325..8b8ce3e 100644
--- a/frontend/src/pages/Profile.tsx
+++ b/frontend/src/pages/Profile.tsx
@@ -28,8 +28,8 @@ const Profile: React.FC<ProfileProps> = ({ profile, token, gameData, onDeleteRec
   const [pageNumber, setPageNumber] = React.useState(1);
   const [pageMax, setPageMax] = React.useState(0);
 
-  const [game, setGame] = React.useState("0")
-  const [chapter, setChapter] = React.useState("0")
+  const [game, setGame] = React.useState("0");
+  const [chapter, setChapter] = React.useState("0");
   const [chapterData, setChapterData] = React.useState<GameChapters | null>(null);
   const [maps, setMaps] = React.useState<Map[]>([]);
 
@@ -100,7 +100,7 @@ const Profile: React.FC<ProfileProps> = ({ profile, token, gameData, onDeleteRec
     if (profile && game !== "0") {
       _get_game_maps();
     }
-  }, [profile, game, chapter, chapterData])
+  }, [profile, game, chapter, chapterData]);
 
   if (!profile) {
     return (
@@ -279,14 +279,14 @@ const Profile: React.FC<ProfileProps> = ({ profile, token, gameData, onDeleteRec
                           <span>{e.date.split("T")[0]}</span>
                           <span style={{ flexDirection: "row-reverse" }}>
 
-                            <button style={{ marginRight: "10px" }} onClick={() => { message("Demo Information", `Demo ID: ${e.demo_id}`) }}><img src={ThreedotIcon} alt="demo_id" /></button>
-                            <button onClick={() => { _delete_submission(r.map_id, e.record_id) }}><img src={DeleteIcon}></img></button>
+                            <button style={{ marginRight: "10px" }} onClick={() => { message("Demo Information", `Demo ID: ${e.demo_id}`); }}><img src={ThreedotIcon} alt="demo_id" /></button>
+                            <button onClick={() => { _delete_submission(r.map_id, e.record_id); }}><img src={DeleteIcon}></img></button>
                             <button onClick={() => window.location.href = `/api/v1/demos?uuid=${e.demo_id}`}><img src={DownloadIcon} alt="download" /></button>
                             {i === 0 && r.scores.length > 1 ? <button onClick={() => {
                               (document.querySelectorAll(".profileboard-record")[index % 20] as HTMLInputElement).style.height === "44px" ||
                                 (document.querySelectorAll(".profileboard-record")[index % 20] as HTMLInputElement).style.height === "" ?
                                 (document.querySelectorAll(".profileboard-record")[index % 20] as HTMLInputElement).style.height = `${r.scores.length * 46}px` :
-                                (document.querySelectorAll(".profileboard-record")[index % 20] as HTMLInputElement).style.height = "44px"
+                                (document.querySelectorAll(".profileboard-record")[index % 20] as HTMLInputElement).style.height = "44px";
                             }
                             }><img src={HistoryIcon} alt="history" /></button> : ""}
 
@@ -325,14 +325,14 @@ const Profile: React.FC<ProfileProps> = ({ profile, token, gameData, onDeleteRec
                             <span>{record!.scores[i].date.split("T")[0]}</span>
                             <span style={{ flexDirection: "row-reverse" }}>
 
-                              <button onClick={() => { message("Demo Information", `Demo ID: ${e.demo_id}`) }}><img src={ThreedotIcon} alt="demo_id" /></button>
-                              <button onClick={() => { _delete_submission(r.id, e.record_id) }}><img src={DeleteIcon}></img></button>
+                              <button onClick={() => { message("Demo Information", `Demo ID: ${e.demo_id}`); }}><img src={ThreedotIcon} alt="demo_id" /></button>
+                              <button onClick={() => { _delete_submission(r.id, e.record_id); }}><img src={DeleteIcon}></img></button>
                               <button onClick={() => window.location.href = `/api/v1/demos?uuid=${e.demo_id}`}><img src={DownloadIcon} alt="download" /></button>
                               {i === 0 && record!.scores.length > 1 ? <button onClick={() => {
                                 (document.querySelectorAll(".profileboard-record")[index % 20] as HTMLInputElement).style.height === "44px" ||
                                   (document.querySelectorAll(".profileboard-record")[index % 20] as HTMLInputElement).style.height === "" ?
                                   (document.querySelectorAll(".profileboard-record")[index % 20] as HTMLInputElement).style.height = `${record!.scores.length * 46}px` :
-                                  (document.querySelectorAll(".profileboard-record")[index % 20] as HTMLInputElement).style.height = "44px"
+                                  (document.querySelectorAll(".profileboard-record")[index % 20] as HTMLInputElement).style.height = "44px";
                               }
                               }><img src={HistoryIcon} alt="history" /></button> : ""}
 
@@ -340,8 +340,8 @@ const Profile: React.FC<ProfileProps> = ({ profile, token, gameData, onDeleteRec
                           </>))}
                         </button>
 
-                      )
-                    } else { return null }
+                      );
+                    } else { return null; }
                   }) : (<>{console.warn(maps)}</>)}
           </div>
         </section>
diff --git a/frontend/src/pages/Rankings.tsx b/frontend/src/pages/Rankings.tsx
index 4a96e26..4693117 100644
--- a/frontend/src/pages/Rankings.tsx
+++ b/frontend/src/pages/Rankings.tsx
@@ -31,15 +31,15 @@ const Rankings: React.FC = () => {
     const rankings = await API.get_official_rankings();
     setLeaderboardData(rankings);
     if (currentLeaderboardType == RankingCategories.rankings_singleplayer) {
-      setCurrentLeaderboard(rankings.rankings_singleplayer)
+      setCurrentLeaderboard(rankings.rankings_singleplayer);
     } else if (currentLeaderboardType == RankingCategories.rankings_multiplayer) {
-      setCurrentLeaderboard(rankings.rankings_multiplayer)
+      setCurrentLeaderboard(rankings.rankings_multiplayer);
     } else {
-      setCurrentLeaderboard(rankings.rankings_overall)
+      setCurrentLeaderboard(rankings.rankings_overall);
     }
     setLoad(true);
     setLeaderboardLoad(true);
-  }
+  };
 
   const __dev_fetch_unofficial_rankings = async () => {
     try {
@@ -47,17 +47,17 @@ const Rankings: React.FC = () => {
       const rankings = await API.get_unofficial_rankings();
       setLeaderboardData(rankings);
       if (currentLeaderboardType == RankingCategories.rankings_singleplayer) {
-        setCurrentLeaderboard(rankings.rankings_singleplayer)
+        setCurrentLeaderboard(rankings.rankings_singleplayer);
       } else if (currentLeaderboardType == RankingCategories.rankings_multiplayer) {
-        setCurrentLeaderboard(rankings.rankings_multiplayer)
+        setCurrentLeaderboard(rankings.rankings_multiplayer);
       } else {
-        setCurrentLeaderboard(rankings.rankings_overall)
+        setCurrentLeaderboard(rankings.rankings_overall);
       }
       setLeaderboardLoad(true);
     } catch (e) {
-      console.log(e)
+      console.log(e);
     }
-  }
+  };
 
   const _set_current_leaderboard = (ranking_cat: RankingCategories) => {
     if (ranking_cat == RankingCategories.rankings_singleplayer) {
@@ -69,7 +69,7 @@ const Rankings: React.FC = () => {
     }
 
     setCurrentLeaderboardType(ranking_cat);
-  }
+  };
 
   const _set_leaderboard_type = (leaderboard_type: LeaderboardTypes) => {
     if (leaderboard_type == LeaderboardTypes.official) {
@@ -77,14 +77,14 @@ const Rankings: React.FC = () => {
     } else {
 
     }
-  }
+  };
 
   useEffect(() => {
     _fetch_rankings();
     if (load) {
       _set_current_leaderboard(RankingCategories.rankings_singleplayer);
     }
-  }, [load])
+  }, [load]);
 
   return (
     <main>
@@ -93,10 +93,10 @@ const Rankings: React.FC = () => {
       </Helmet>
       <section className="nav-container nav-1">
         <div>
-          <button onClick={() => { _fetch_rankings(); setCurrentRankingType(LeaderboardTypes.official) }} className={`nav-1-btn ${currentRankingType == LeaderboardTypes.official ? "selected" : ""}`}>
+          <button onClick={() => { _fetch_rankings(); setCurrentRankingType(LeaderboardTypes.official); }} className={`nav-1-btn ${currentRankingType == LeaderboardTypes.official ? "selected" : ""}`}>
             <span>Official (LPHUB)</span>
           </button>
-          <button onClick={() => { __dev_fetch_unofficial_rankings(); setCurrentRankingType(LeaderboardTypes.unofficial) }} className={`nav-1-btn ${currentRankingType == LeaderboardTypes.unofficial ? "selected" : ""}`}>
+          <button onClick={() => { __dev_fetch_unofficial_rankings(); setCurrentRankingType(LeaderboardTypes.unofficial); }} className={`nav-1-btn ${currentRankingType == LeaderboardTypes.unofficial ? "selected" : ""}`}>
             <span>Unofficial (Steam)</span>
           </button>
         </div>
@@ -127,7 +127,7 @@ const Rankings: React.FC = () => {
             <div className="splitter"></div>
 
             {leaderboardLoad && currentLeaderboard?.map((curRankingData, i) => {
-              return <RankingEntry currentLeaderboardType={currentLeaderboardType} curRankingData={curRankingData} key={i}></RankingEntry>
+              return <RankingEntry currentLeaderboardType={currentLeaderboardType} curRankingData={curRankingData} key={i}></RankingEntry>;
             })
             }
 
@@ -140,7 +140,7 @@ const Rankings: React.FC = () => {
         </section>
         : null}
     </main>
-  )
-}
+  );
+};
 
 export default Rankings;
diff --git a/frontend/src/pages/User.tsx b/frontend/src/pages/User.tsx
index 33be1f0..236d5f9 100644
--- a/frontend/src/pages/User.tsx
+++ b/frontend/src/pages/User.tsx
@@ -83,7 +83,7 @@ const User: React.FC<UserProps> = ({ token, profile, gameData }) => {
     if (user && game !== "0") {
       _get_game_maps();
     }
-  }, [user, game, chapter, location])
+  }, [user, game, chapter, location]);
 
   if (!user) {
     return (
@@ -248,13 +248,13 @@ const User: React.FC<UserProps> = ({ token, profile, gameData }) => {
                         <span>{e.date.split("T")[0]}</span>
                         <span style={{ flexDirection: "row-reverse" }}>
 
-                          <button onClick={() => { message("Demo Information", `Demo ID: ${e.demo_id}`) }}><img src={ThreedotIcon} alt="demo_id" /></button>
+                          <button onClick={() => { message("Demo Information", `Demo ID: ${e.demo_id}`); }}><img src={ThreedotIcon} alt="demo_id" /></button>
                           <button onClick={() => window.location.href = `/api/v1/demos?uuid=${e.demo_id}`}><img src={DownloadIcon} alt="download" /></button>
                           {i === 0 && r.scores.length > 1 ? <button onClick={() => {
                             (document.querySelectorAll(".profileboard-record")[index % 20] as HTMLInputElement).style.height === "44px" ||
                               (document.querySelectorAll(".profileboard-record")[index % 20] as HTMLInputElement).style.height === "" ?
                               (document.querySelectorAll(".profileboard-record")[index % 20] as HTMLInputElement).style.height = `${r.scores.length * 46}px` :
-                              (document.querySelectorAll(".profileboard-record")[index % 20] as HTMLInputElement).style.height = "44px"
+                              (document.querySelectorAll(".profileboard-record")[index % 20] as HTMLInputElement).style.height = "44px";
                           }
                           }><img src={HistoryIcon} alt="history" /></button> : ""}
 
@@ -293,13 +293,13 @@ const User: React.FC<UserProps> = ({ token, profile, gameData }) => {
                           <span>{record!.scores[i].date.split("T")[0]}</span>
                           <span style={{ flexDirection: "row-reverse" }}>
 
-                            <button onClick={() => { message("Demo Information", `Demo ID: ${e.demo_id}`) }}><img src={ThreedotIcon} alt="demo_id" /></button>
+                            <button onClick={() => { message("Demo Information", `Demo ID: ${e.demo_id}`); }}><img src={ThreedotIcon} alt="demo_id" /></button>
                             <button onClick={() => window.location.href = `/api/v1/demos?uuid=${e.demo_id}`}><img src={DownloadIcon} alt="download" /></button>
                             {i === 0 && record!.scores.length > 1 ? <button onClick={() => {
                               (document.querySelectorAll(".profileboard-record")[index % 20] as HTMLInputElement).style.height === "44px" ||
                                 (document.querySelectorAll(".profileboard-record")[index % 20] as HTMLInputElement).style.height === "" ?
                                 (document.querySelectorAll(".profileboard-record")[index % 20] as HTMLInputElement).style.height = `${record!.scores.length * 46}px` :
-                                (document.querySelectorAll(".profileboard-record")[index % 20] as HTMLInputElement).style.height = "44px"
+                                (document.querySelectorAll(".profileboard-record")[index % 20] as HTMLInputElement).style.height = "44px";
                             }
                             }><img src={HistoryIcon} alt="history" /></button> : ""}
 
@@ -307,8 +307,8 @@ const User: React.FC<UserProps> = ({ token, profile, gameData }) => {
                         </>))}
                       </button>
 
-                    )
-                  } else { return null }
+                    );
+                  } else { return null; }
                 }) : (<>{console.warn(maps)}</>)}
         </div>
       </section>