From 81342e2579165ebfdb28c749dc5225141721a419 Mon Sep 17 00:00:00 2001 From: FifthWit Date: Thu, 30 Jan 2025 13:11:48 -0600 Subject: switched to double quotes --- frontend/src/pages/About.tsx | 16 ++-- frontend/src/pages/Games.tsx | 18 ++-- frontend/src/pages/Homepage.tsx | 4 +- frontend/src/pages/Maplist.tsx | 64 ++++++------- frontend/src/pages/Maps.tsx | 36 ++++---- frontend/src/pages/Profile.tsx | 200 ++++++++++++++++++++-------------------- frontend/src/pages/Rankings.tsx | 28 +++--- frontend/src/pages/Rules.tsx | 16 ++-- frontend/src/pages/User.tsx | 184 ++++++++++++++++++------------------ 9 files changed, 283 insertions(+), 283 deletions(-) (limited to 'frontend/src/pages') diff --git a/frontend/src/pages/About.tsx b/frontend/src/pages/About.tsx index a5d34f6..5a69bfe 100644 --- a/frontend/src/pages/About.tsx +++ b/frontend/src/pages/About.tsx @@ -1,25 +1,25 @@ -import React from 'react'; -import ReactMarkdown from 'react-markdown'; -import { Helmet } from 'react-helmet'; +import React from "react"; +import ReactMarkdown from "react-markdown"; +import { Helmet } from "react-helmet"; -import '@css/About.css'; +import "@css/About.css"; const About: React.FC = () => { - const [aboutText, setAboutText] = React.useState(''); + const [aboutText, setAboutText] = React.useState(""); React.useEffect(() => { const fetchReadme = async () => { try { const response = await fetch( - 'https://raw.githubusercontent.com/pektezol/lphub/main/README.md' + "https://raw.githubusercontent.com/pektezol/lphub/main/README.md" ); if (!response.ok) { - throw new Error('Failed to fetch README'); + throw new Error("Failed to fetch README"); } const readmeText = await response.text(); setAboutText(readmeText); } catch (error) { - console.error('Error fetching README:', error); + console.error("Error fetching README:", error); } }; fetchReadme(); diff --git a/frontend/src/pages/Games.tsx b/frontend/src/pages/Games.tsx index ae0a2d6..d7dacde 100644 --- a/frontend/src/pages/Games.tsx +++ b/frontend/src/pages/Games.tsx @@ -1,9 +1,9 @@ -import React from 'react'; -import { Helmet } from 'react-helmet'; +import React from "react"; +import { Helmet } from "react-helmet"; -import GameEntry from '@components/GameEntry'; -import { Game } from '@customTypes/Game'; -import '@css/Maps.css'; +import GameEntry from "@components/GameEntry"; +import { Game } from "@customTypes/Game"; +import "@css/Maps.css"; interface GamesProps { games: Game[]; @@ -11,17 +11,17 @@ interface GamesProps { const Games: React.FC = ({ games }) => { const _page_load = () => { - const loaders = document.querySelectorAll('.loader'); + const loaders = document.querySelectorAll(".loader"); loaders.forEach(loader => { - (loader as HTMLElement).style.display = 'none'; + (loader as HTMLElement).style.display = "none"; }); }; React.useEffect(() => { document - .querySelectorAll('.games-page-item-body') + .querySelectorAll(".games-page-item-body") .forEach((game, index) => { - game.innerHTML = ''; + game.innerHTML = ""; }); _page_load(); }, []); diff --git a/frontend/src/pages/Homepage.tsx b/frontend/src/pages/Homepage.tsx index 859af52..f0c5821 100644 --- a/frontend/src/pages/Homepage.tsx +++ b/frontend/src/pages/Homepage.tsx @@ -1,5 +1,5 @@ -import React from 'react'; -import { Helmet } from 'react-helmet'; +import React from "react"; +import { Helmet } from "react-helmet"; const Homepage: React.FC = () => { return ( diff --git a/frontend/src/pages/Maplist.tsx b/frontend/src/pages/Maplist.tsx index 372b800..a7242ef 100644 --- a/frontend/src/pages/Maplist.tsx +++ b/frontend/src/pages/Maplist.tsx @@ -1,11 +1,11 @@ -import React, { useEffect } from 'react'; -import { Link, useLocation, useNavigate, useParams } from 'react-router-dom'; -import { Helmet } from 'react-helmet'; +import React, { useEffect } from "react"; +import { Link, useLocation, useNavigate, useParams } from "react-router-dom"; +import { Helmet } from "react-helmet"; -import '@css/Maplist.css'; -import { API } from '@api/Api'; -import { Game } from '@customTypes/Game'; -import { GameChapter, GamesChapters } from '@customTypes/Chapters'; +import "@css/Maplist.css"; +import { API } from "@api/Api"; +import { Game } from "@customTypes/Game"; +import { GameChapter, GamesChapters } from "@customTypes/Chapters"; const Maplist: React.FC = () => { const [game, setGame] = React.useState(null); @@ -18,7 +18,7 @@ const Maplist: React.FC = () => { const [curChapter, setCurChapter] = React.useState(); const [numChapters, setNumChapters] = React.useState(0); - const [dropdownActive, setDropdownActive] = React.useState('none'); + const [dropdownActive, setDropdownActive] = React.useState("none"); const params = useParams<{ id: string; chapter: string }>(); const location = useLocation(); @@ -26,7 +26,7 @@ const Maplist: React.FC = () => { function _update_currently_selected(catNum2: number) { setCurrentlySelected(catNum2); - navigate('/games/' + game?.id + '?cat=' + catNum2); + navigate("/games/" + game?.id + "?cat=" + catNum2); setHasClicked(true); } @@ -36,23 +36,23 @@ const Maplist: React.FC = () => { }; const _handle_dropdown_click = () => { - if (dropdownActive === 'none') { - setDropdownActive('block'); + if (dropdownActive === "none") { + setDropdownActive("block"); } else { - setDropdownActive('none'); + setDropdownActive("none"); } }; // im sorry but im too lazy to fix this right now useEffect(() => { // gameID - const gameId = parseFloat(params.id || ''); + const gameId = parseFloat(params.id || ""); setId(gameId); // location query params const queryParams = new URLSearchParams(location.search); - if (queryParams.get('chapter')) { - let cat = parseFloat(queryParams.get('chapter') || ''); + if (queryParams.get("chapter")) { + let cat = parseFloat(queryParams.get("chapter") || ""); if (gameId === 2) { cat += 10; } @@ -82,7 +82,7 @@ const Maplist: React.FC = () => { useEffect(() => { const queryParams = new URLSearchParams(location.search); - if (gameChapters !== undefined && !queryParams.get('chapter')) { + if (gameChapters !== undefined && !queryParams.get("chapter")) { _fetch_chapters(gameChapters!.chapters[0].id.toString()); } }, [gameChapters, location.search]); @@ -92,9 +92,9 @@ const Maplist: React.FC = () => { LPHUB | Maplist -
+
- @@ -127,8 +127,8 @@ const Maplist: React.FC = () => { className={ currentlySelected === cat.category.id || (cat.category.id - 1 === catNum && !hasClicked) - ? 'game-cat-button selected' - : 'game-cat-button' + ? "game-cat-button selected" + : "game-cat-button" } onClick={() => { setCatNum(cat.category.id - 1); @@ -147,17 +147,17 @@ const Maplist: React.FC = () => {
- {curChapter?.chapter.name.split(' - ')[0]} + {curChapter?.chapter.name.split(" - ")[0]}
- {curChapter?.chapter.name.split(' - ')[1]} + {curChapter?.chapter.name.split(" - ")[1]}
{
diff --git a/frontend/src/pages/Maps.tsx b/frontend/src/pages/Maps.tsx index 33bd05b..fbdb8f3 100644 --- a/frontend/src/pages/Maps.tsx +++ b/frontend/src/pages/Maps.tsx @@ -1,15 +1,15 @@ -import React from 'react'; -import { Link, useLocation } from 'react-router-dom'; -import { Helmet } from 'react-helmet'; - -import { PortalIcon, FlagIcon, ChatIcon } from '@images/Images'; -import Summary from '@components/Summary'; -import Leaderboards from '@components/Leaderboards'; -import Discussions from '@components/Discussions'; -import ModMenu from '@components/ModMenu'; -import { MapDiscussions, MapLeaderboard, MapSummary } from '@customTypes/Map'; -import { API } from '@api/Api'; -import '@css/Maps.css'; +import React from "react"; +import { Link, useLocation } from "react-router-dom"; +import { Helmet } from "react-helmet"; + +import { PortalIcon, FlagIcon, ChatIcon } from "@images/Images"; +import Summary from "@components/Summary"; +import Leaderboards from "@components/Leaderboards"; +import Discussions from "@components/Discussions"; +import ModMenu from "@components/ModMenu"; +import { MapDiscussions, MapLeaderboard, MapSummary } from "@customTypes/Map"; +import { API } from "@api/Api"; +import "@css/Maps.css"; interface MapProps { token?: string; @@ -33,7 +33,7 @@ const Maps: React.FC = ({ token, isModerator }) => { const location = useLocation(); - const mapID = location.pathname.split('/')[2]; + const mapID = location.pathname.split("/")[2]; const _fetch_map_summary = React.useCallback(async () => { const mapSummary = await API.get_map_summary(mapID); @@ -41,7 +41,7 @@ const Maps: React.FC = ({ token, isModerator }) => { }, [mapID]); const _fetch_map_leaderboards = React.useCallback(async () => { - const mapLeaderboards = await API.get_map_leaderboard(mapID, '1'); + const mapLeaderboards = await API.get_map_leaderboard(mapID, "1"); setMapLeaderboardData(mapLeaderboards); }, [mapID]); @@ -71,7 +71,7 @@ const Maps: React.FC = ({ token, isModerator }) => { {pageNumber}/{pageMax} @@ -376,10 +376,10 @@ const Profile: React.FC = ({ if (pageNumber !== pageMax) { setPageNumber(prevPageNumber => prevPageNumber + 1); const records = document.querySelectorAll( - '.profileboard-record' + ".profileboard-record" ); records.forEach(r => { - (r as HTMLInputElement).style.height = '44px'; + (r as HTMLInputElement).style.height = "44px"; }); } }} @@ -387,18 +387,18 @@ const Profile: React.FC = ({ {' '} + >{" "}
- {game === '0' ? ( + {game === "0" ? ( profile.records .sort((a, b) => a.map_id - b.map_id) .map((r, index) => @@ -407,25 +407,25 @@ const Profile: React.FC = ({ {r.scores.map((e, i) => ( <> {i !== 0 ? ( -
+
) : ( - '' + "" )} {r.map_name} - + {e.score_count} - + {e.score_count - r.map_wr_count > 0 ? `+${e.score_count - r.map_wr_count}` : `-`} - + {ticks_to_time(e.score_time)} @@ -434,13 +434,13 @@ const Profile: React.FC = ({ ) : ( )} - {e.date.split('T')[0]} - + {e.date.split("T")[0]} + ) : ( - '' + "" )} ))} ) : ( - '' + "" ) ) ) : maps ? ( @@ -511,42 +511,42 @@ const Profile: React.FC = ({ ) : ( ) : ( - '' + "" )} diff --git a/frontend/src/pages/Rankings.tsx b/frontend/src/pages/Rankings.tsx index ab82931..275f9d0 100644 --- a/frontend/src/pages/Rankings.tsx +++ b/frontend/src/pages/Rankings.tsx @@ -1,16 +1,16 @@ -import React, { useEffect } from 'react'; -import { Helmet } from 'react-helmet'; +import React, { useEffect } from "react"; +import { Helmet } from "react-helmet"; -import RankingEntry from '@components/RankingEntry'; +import RankingEntry from "@components/RankingEntry"; import { Ranking, SteamRanking, RankingType, SteamRankingType, -} from '@customTypes/Ranking'; -import { API } from '@api/Api'; +} from "@customTypes/Ranking"; +import { API } from "@api/Api"; -import '@css/Rankings.css'; +import "@css/Rankings.css"; const Rankings: React.FC = () => { const [leaderboardData, setLeaderboardData] = React.useState< @@ -122,7 +122,7 @@ const Rankings: React.FC = () => { _fetch_rankings(); setCurrentRankingType(LeaderboardTypes.official); }} - className={`nav-1-btn ${currentRankingType === LeaderboardTypes.official ? 'selected' : ''}`} + className={`nav-1-btn ${currentRankingType === LeaderboardTypes.official ? "selected" : ""}`} > Official (LPHUB) @@ -131,7 +131,7 @@ const Rankings: React.FC = () => { __dev_fetch_unofficial_rankings(); setCurrentRankingType(LeaderboardTypes.unofficial); }} - className={`nav-1-btn ${currentRankingType === LeaderboardTypes.unofficial ? 'selected' : ''}`} + className={`nav-1-btn ${currentRankingType === LeaderboardTypes.unofficial ? "selected" : ""}`} > Unofficial (Steam) @@ -143,7 +143,7 @@ const Rankings: React.FC = () => { onClick={() => _set_current_leaderboard(RankingCategories.rankings_singleplayer) } - className={`nav-2-btn ${currentLeaderboardType === RankingCategories.rankings_singleplayer ? 'selected' : ''}`} + className={`nav-2-btn ${currentLeaderboardType === RankingCategories.rankings_singleplayer ? "selected" : ""}`} > Singleplayer @@ -151,7 +151,7 @@ const Rankings: React.FC = () => { onClick={() => _set_current_leaderboard(RankingCategories.rankings_multiplayer) } - className={`nav-2-btn ${currentLeaderboardType === RankingCategories.rankings_multiplayer ? 'selected' : ''}`} + className={`nav-2-btn ${currentLeaderboardType === RankingCategories.rankings_multiplayer ? "selected" : ""}`} > Cooperative @@ -159,7 +159,7 @@ const Rankings: React.FC = () => { onClick={() => _set_current_leaderboard(RankingCategories.rankings_overall) } - className={`nav-2-btn ${currentLeaderboardType === RankingCategories.rankings_overall ? 'selected' : ''}`} + className={`nav-2-btn ${currentLeaderboardType === RankingCategories.rankings_overall ? "selected" : ""}`} > Overall @@ -191,9 +191,9 @@ const Rankings: React.FC = () => { {leaderboardLoad ? null : (
diff --git a/frontend/src/pages/Rules.tsx b/frontend/src/pages/Rules.tsx index 7a774bc..91027a0 100644 --- a/frontend/src/pages/Rules.tsx +++ b/frontend/src/pages/Rules.tsx @@ -1,25 +1,25 @@ -import React from 'react'; -import ReactMarkdown from 'react-markdown'; -import { Helmet } from 'react-helmet'; +import React from "react"; +import ReactMarkdown from "react-markdown"; +import { Helmet } from "react-helmet"; -import '@css/Rules.css'; +import "@css/Rules.css"; const Rules: React.FC = () => { - const [rulesText, setRulesText] = React.useState(''); + const [rulesText, setRulesText] = React.useState(""); React.useEffect(() => { const fetchRules = async () => { try { const response = await fetch( - 'https://raw.githubusercontent.com/pektezol/lphub/main/RULES.md' + "https://raw.githubusercontent.com/pektezol/lphub/main/RULES.md" ); if (!response.ok) { - throw new Error('Failed to fetch README'); + throw new Error("Failed to fetch README"); } const rulesText = await response.text(); setRulesText(rulesText); } catch (error) { - console.error('Error fetching Rules:', error); + console.error("Error fetching Rules:", error); } // setRulesText(rulesText) }; diff --git a/frontend/src/pages/User.tsx b/frontend/src/pages/User.tsx index 29d0041..0198034 100644 --- a/frontend/src/pages/User.tsx +++ b/frontend/src/pages/User.tsx @@ -1,6 +1,6 @@ -import React from 'react'; -import { Link, useLocation, useNavigate } from 'react-router-dom'; -import { Helmet } from 'react-helmet'; +import React from "react"; +import { Link, useLocation, useNavigate } from "react-router-dom"; +import { Helmet } from "react-helmet"; import { SteamIcon, @@ -13,14 +13,14 @@ import { ThreedotIcon, DownloadIcon, HistoryIcon, -} from '@images/Images'; -import { UserProfile } from '@customTypes/Profile'; -import { Game, GameChapters } from '@customTypes/Game'; -import { Map } from '@customTypes/Map'; -import { API } from '@api/Api'; -import { ticks_to_time } from '@utils/Time'; -import '@css/Profile.css'; -import useMessage from '@hooks/UseMessage'; +} from "@images/Images"; +import { UserProfile } from "@customTypes/Profile"; +import { Game, GameChapters } from "@customTypes/Game"; +import { Map } from "@customTypes/Map"; +import { API } from "@api/Api"; +import { ticks_to_time } from "@utils/Time"; +import "@css/Profile.css"; +import useMessage from "@hooks/UseMessage"; interface UserProps { profile?: UserProfile; @@ -37,8 +37,8 @@ const User: React.FC = ({ token, profile, gameData }) => { 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( null ); @@ -48,9 +48,9 @@ const User: React.FC = ({ token, profile, gameData }) => { const navigate = useNavigate(); const _fetch_user = React.useCallback(async () => { - const userID = location.pathname.split('/')[2]; + const userID = location.pathname.split("/")[2]; if (token && profile && profile.profile && profile.steam_id === userID) { - navigate('/profile'); + navigate("/profile"); return; } const userData = await API.get_user(userID); @@ -58,7 +58,7 @@ const User: React.FC = ({ token, profile, gameData }) => { }, [location.pathname, token, profile, navigate]); const _get_game_chapters = React.useCallback(async () => { - if (game !== '0') { + if (game !== "0") { const gameChapters = await API.get_games_chapters(game); setChapterData(gameChapters); } else { @@ -68,7 +68,7 @@ const User: React.FC = ({ token, profile, gameData }) => { }, [game, user]); const _get_game_maps = React.useCallback(async () => { - if (chapter === '0') { + if (chapter === "0") { const gameMaps = await API.get_game_maps(game); setMaps(gameMaps); setPageMax(Math.ceil(gameMaps.length / 20)); @@ -92,7 +92,7 @@ const User: React.FC = ({ token, profile, gameData }) => { }, [user, game, location, _get_game_chapters]); React.useEffect(() => { - if (user && game !== '0') { + if (user && game !== "0") { _get_game_maps(); } }, [user, game, chapter, location, _get_game_maps]); @@ -116,8 +116,8 @@ const User: React.FC = ({ token, profile, gameData }) => {
{user.user_name}
- {user.country_code === 'XX' ? ( - '' + {user.country_code === "XX" ? ( + "" ) : ( = ({ token, profile, gameData }) => {
- {user.links.steam === '-' ? ( - '' + {user.links.steam === "-" ? ( + "" ) : ( Steam )} - {user.links.twitch === '-' ? ( - '' + {user.links.twitch === "-" ? ( + "" ) : ( Twitch )} - {user.links.youtube === '-' ? ( - '' + {user.links.youtube === "-" ? ( + "" ) : ( Youtube )} - {user.links.p2sr === '-' ? ( - '' + {user.links.p2sr === "-" ? ( + "" ) : ( - P2SR + P2SR )}
@@ -172,8 +172,8 @@ const User: React.FC = ({ token, profile, gameData }) => { Overall {user.rankings.overall.rank === 0 - ? 'N/A ' - : '#' + user.rankings.overall.rank + ' '} + ? "N/A " + : "#" + user.rankings.overall.rank + " "} ({user.rankings.overall.completion_count}/ {user.rankings.overall.completion_total}) @@ -184,8 +184,8 @@ const User: React.FC = ({ token, profile, gameData }) => { Singleplayer {user.rankings.singleplayer.rank === 0 - ? 'N/A ' - : '#' + user.rankings.singleplayer.rank + ' '} + ? "N/A " + : "#" + user.rankings.singleplayer.rank + " "} ({user.rankings.singleplayer.completion_count}/ {user.rankings.singleplayer.completion_total}) @@ -196,8 +196,8 @@ const User: React.FC = ({ token, profile, gameData }) => { Cooperative {user.rankings.cooperative.rank === 0 - ? 'N/A ' - : '#' + user.rankings.cooperative.rank + ' '} + ? "N/A " + : "#" + user.rankings.cooperative.rank + " "} ({user.rankings.cooperative.completion_count}/ {user.rankings.cooperative.completion_total}) @@ -227,15 +227,15 @@ const User: React.FC = ({ token, profile, gameData }) => { id="select-game" onChange={() => { setGame( - (document.querySelector('#select-game') as HTMLInputElement) + (document.querySelector("#select-game") as HTMLInputElement) .value ); - setChapter('0'); + setChapter("0"); const chapterSelect = document.querySelector( - '#select-chapter' + "#select-chapter" ) as HTMLSelectElement; if (chapterSelect) { - chapterSelect.value = '0'; + chapterSelect.value = "0"; } }} > @@ -250,7 +250,7 @@ const User: React.FC = ({ token, profile, gameData }) => { )} - {game === '0' ? ( + {game === "0" ? ( @@ -263,7 +263,7 @@ const User: React.FC = ({ token, profile, gameData }) => { setChapter( ( document.querySelector( - '#select-chapter' + "#select-chapter" ) as HTMLInputElement ).value ) @@ -287,15 +287,15 @@ const User: React.FC = ({ token, profile, gameData }) => { Map Name - + Portals - + WRΔ - + Time @@ -315,18 +315,18 @@ const User: React.FC = ({ token, profile, gameData }) => { if (pageNumber !== 1) { setPageNumber(prevPageNumber => prevPageNumber - 1); const records = document.querySelectorAll( - '.profileboard-record' + ".profileboard-record" ); records.forEach(r => { - (r as HTMLInputElement).style.height = '44px'; + (r as HTMLInputElement).style.height = "44px"; }); } }} > {' '} + style={{ position: "relative", left: "-5px" }} + >{" "} {pageNumber}/{pageMax} @@ -336,10 +336,10 @@ const User: React.FC = ({ token, profile, gameData }) => { if (pageNumber !== pageMax) { setPageNumber(prevPageNumber => prevPageNumber + 1); const records = document.querySelectorAll( - '.profileboard-record' + ".profileboard-record" ); records.forEach(r => { - (r as HTMLInputElement).style.height = '44px'; + (r as HTMLInputElement).style.height = "44px"; }); } }} @@ -347,18 +347,18 @@ const User: React.FC = ({ token, profile, gameData }) => { {' '} + >{" "}
- {game === '0' ? ( + {game === "0" ? ( user.records .sort((a, b) => a.map_id - b.map_id) .map((r, index) => @@ -367,33 +367,33 @@ const User: React.FC = ({ token, profile, gameData }) => { {r.scores.map((e, i) => ( <> {i !== 0 ? ( -
+
) : ( - '' + "" )} {r.map_name} - {e.score_count} + {e.score_count} - + {e.score_count - r.map_wr_count > 0 ? `+${e.score_count - r.map_wr_count}` : `-`} - + {ticks_to_time(e.score_time)} {i === 0 ? #{r.placement} : } - {e.date.split('T')[0]} - + {e.date.split("T")[0]} + ) : ( - '' + "" )} ))} ) : ( - '' + "" ) ) ) : maps ? ( @@ -457,42 +457,42 @@ const User: React.FC = ({ token, profile, gameData }) => { ) : ( ) : ( - '' + "" )} -- cgit v1.2.3