diff options
| author | Arda Serdar Pektezol <1669855+pektezol@users.noreply.github.com> | 2025-10-26 13:51:31 +0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-10-26 12:51:31 +0300 |
| commit | 6a631744d9c80ff9a1a9f4b278bc0337ecdb494e (patch) | |
| tree | 3acf1f505751d997b1b7482823eacabcb79a03f3 /frontend/src/pages/Rankings.tsx | |
| parent | fix/frontend: tablet view logout button (#286) (diff) | |
| download | lphub-6a631744d9c80ff9a1a9f4b278bc0337ecdb494e.tar.gz lphub-6a631744d9c80ff9a1a9f4b278bc0337ecdb494e.tar.bz2 lphub-6a631744d9c80ff9a1a9f4b278bc0337ecdb494e.zip | |
chore/frontend: semicolon linting (#287)
Diffstat (limited to 'frontend/src/pages/Rankings.tsx')
| -rw-r--r-- | frontend/src/pages/Rankings.tsx | 34 |
1 files changed, 17 insertions, 17 deletions
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 = () => { | |||
| 31 | const rankings = await API.get_official_rankings(); | 31 | const rankings = await API.get_official_rankings(); |
| 32 | setLeaderboardData(rankings); | 32 | setLeaderboardData(rankings); |
| 33 | if (currentLeaderboardType == RankingCategories.rankings_singleplayer) { | 33 | if (currentLeaderboardType == RankingCategories.rankings_singleplayer) { |
| 34 | setCurrentLeaderboard(rankings.rankings_singleplayer) | 34 | setCurrentLeaderboard(rankings.rankings_singleplayer); |
| 35 | } else if (currentLeaderboardType == RankingCategories.rankings_multiplayer) { | 35 | } else if (currentLeaderboardType == RankingCategories.rankings_multiplayer) { |
| 36 | setCurrentLeaderboard(rankings.rankings_multiplayer) | 36 | setCurrentLeaderboard(rankings.rankings_multiplayer); |
| 37 | } else { | 37 | } else { |
| 38 | setCurrentLeaderboard(rankings.rankings_overall) | 38 | setCurrentLeaderboard(rankings.rankings_overall); |
| 39 | } | 39 | } |
| 40 | setLoad(true); | 40 | setLoad(true); |
| 41 | setLeaderboardLoad(true); | 41 | setLeaderboardLoad(true); |
| 42 | } | 42 | }; |
| 43 | 43 | ||
| 44 | const __dev_fetch_unofficial_rankings = async () => { | 44 | const __dev_fetch_unofficial_rankings = async () => { |
| 45 | try { | 45 | try { |
| @@ -47,17 +47,17 @@ const Rankings: React.FC = () => { | |||
| 47 | const rankings = await API.get_unofficial_rankings(); | 47 | const rankings = await API.get_unofficial_rankings(); |
| 48 | setLeaderboardData(rankings); | 48 | setLeaderboardData(rankings); |
| 49 | if (currentLeaderboardType == RankingCategories.rankings_singleplayer) { | 49 | if (currentLeaderboardType == RankingCategories.rankings_singleplayer) { |
| 50 | setCurrentLeaderboard(rankings.rankings_singleplayer) | 50 | setCurrentLeaderboard(rankings.rankings_singleplayer); |
| 51 | } else if (currentLeaderboardType == RankingCategories.rankings_multiplayer) { | 51 | } else if (currentLeaderboardType == RankingCategories.rankings_multiplayer) { |
| 52 | setCurrentLeaderboard(rankings.rankings_multiplayer) | 52 | setCurrentLeaderboard(rankings.rankings_multiplayer); |
| 53 | } else { | 53 | } else { |
| 54 | setCurrentLeaderboard(rankings.rankings_overall) | 54 | setCurrentLeaderboard(rankings.rankings_overall); |
| 55 | } | 55 | } |
| 56 | setLeaderboardLoad(true); | 56 | setLeaderboardLoad(true); |
| 57 | } catch (e) { | 57 | } catch (e) { |
| 58 | console.log(e) | 58 | console.log(e); |
| 59 | } | 59 | } |
| 60 | } | 60 | }; |
| 61 | 61 | ||
| 62 | const _set_current_leaderboard = (ranking_cat: RankingCategories) => { | 62 | const _set_current_leaderboard = (ranking_cat: RankingCategories) => { |
| 63 | if (ranking_cat == RankingCategories.rankings_singleplayer) { | 63 | if (ranking_cat == RankingCategories.rankings_singleplayer) { |
| @@ -69,7 +69,7 @@ const Rankings: React.FC = () => { | |||
| 69 | } | 69 | } |
| 70 | 70 | ||
| 71 | setCurrentLeaderboardType(ranking_cat); | 71 | setCurrentLeaderboardType(ranking_cat); |
| 72 | } | 72 | }; |
| 73 | 73 | ||
| 74 | const _set_leaderboard_type = (leaderboard_type: LeaderboardTypes) => { | 74 | const _set_leaderboard_type = (leaderboard_type: LeaderboardTypes) => { |
| 75 | if (leaderboard_type == LeaderboardTypes.official) { | 75 | if (leaderboard_type == LeaderboardTypes.official) { |
| @@ -77,14 +77,14 @@ const Rankings: React.FC = () => { | |||
| 77 | } else { | 77 | } else { |
| 78 | 78 | ||
| 79 | } | 79 | } |
| 80 | } | 80 | }; |
| 81 | 81 | ||
| 82 | useEffect(() => { | 82 | useEffect(() => { |
| 83 | _fetch_rankings(); | 83 | _fetch_rankings(); |
| 84 | if (load) { | 84 | if (load) { |
| 85 | _set_current_leaderboard(RankingCategories.rankings_singleplayer); | 85 | _set_current_leaderboard(RankingCategories.rankings_singleplayer); |
| 86 | } | 86 | } |
| 87 | }, [load]) | 87 | }, [load]); |
| 88 | 88 | ||
| 89 | return ( | 89 | return ( |
| 90 | <main> | 90 | <main> |
| @@ -93,10 +93,10 @@ const Rankings: React.FC = () => { | |||
| 93 | </Helmet> | 93 | </Helmet> |
| 94 | <section className="nav-container nav-1"> | 94 | <section className="nav-container nav-1"> |
| 95 | <div> | 95 | <div> |
| 96 | <button onClick={() => { _fetch_rankings(); setCurrentRankingType(LeaderboardTypes.official) }} className={`nav-1-btn ${currentRankingType == LeaderboardTypes.official ? "selected" : ""}`}> | 96 | <button onClick={() => { _fetch_rankings(); setCurrentRankingType(LeaderboardTypes.official); }} className={`nav-1-btn ${currentRankingType == LeaderboardTypes.official ? "selected" : ""}`}> |
| 97 | <span>Official (LPHUB)</span> | 97 | <span>Official (LPHUB)</span> |
| 98 | </button> | 98 | </button> |
| 99 | <button onClick={() => { __dev_fetch_unofficial_rankings(); setCurrentRankingType(LeaderboardTypes.unofficial) }} className={`nav-1-btn ${currentRankingType == LeaderboardTypes.unofficial ? "selected" : ""}`}> | 99 | <button onClick={() => { __dev_fetch_unofficial_rankings(); setCurrentRankingType(LeaderboardTypes.unofficial); }} className={`nav-1-btn ${currentRankingType == LeaderboardTypes.unofficial ? "selected" : ""}`}> |
| 100 | <span>Unofficial (Steam)</span> | 100 | <span>Unofficial (Steam)</span> |
| 101 | </button> | 101 | </button> |
| 102 | </div> | 102 | </div> |
| @@ -127,7 +127,7 @@ const Rankings: React.FC = () => { | |||
| 127 | <div className="splitter"></div> | 127 | <div className="splitter"></div> |
| 128 | 128 | ||
| 129 | {leaderboardLoad && currentLeaderboard?.map((curRankingData, i) => { | 129 | {leaderboardLoad && currentLeaderboard?.map((curRankingData, i) => { |
| 130 | return <RankingEntry currentLeaderboardType={currentLeaderboardType} curRankingData={curRankingData} key={i}></RankingEntry> | 130 | return <RankingEntry currentLeaderboardType={currentLeaderboardType} curRankingData={curRankingData} key={i}></RankingEntry>; |
| 131 | }) | 131 | }) |
| 132 | } | 132 | } |
| 133 | 133 | ||
| @@ -140,7 +140,7 @@ const Rankings: React.FC = () => { | |||
| 140 | </section> | 140 | </section> |
| 141 | : null} | 141 | : null} |
| 142 | </main> | 142 | </main> |
| 143 | ) | 143 | ); |
| 144 | } | 144 | }; |
| 145 | 145 | ||
| 146 | export default Rankings; | 146 | export default Rankings; |