diff options
Diffstat (limited to 'frontend/src/pages/Rankings.tsx')
| -rw-r--r-- | frontend/src/pages/Rankings.tsx | 37 |
1 files changed, 19 insertions, 18 deletions
diff --git a/frontend/src/pages/Rankings.tsx b/frontend/src/pages/Rankings.tsx index 885638d..e912b73 100644 --- a/frontend/src/pages/Rankings.tsx +++ b/frontend/src/pages/Rankings.tsx | |||
| @@ -41,10 +41,10 @@ const Rankings: React.FC = () => { | |||
| 41 | setLeaderboardLoad(false); | 41 | setLeaderboardLoad(false); |
| 42 | const rankings = await API.get_official_rankings(); | 42 | const rankings = await API.get_official_rankings(); |
| 43 | setLeaderboardData(rankings); | 43 | setLeaderboardData(rankings); |
| 44 | if (currentLeaderboardType == RankingCategories.rankings_singleplayer) { | 44 | if (currentLeaderboardType === RankingCategories.rankings_singleplayer) { |
| 45 | setCurrentLeaderboard(rankings.rankings_singleplayer); | 45 | setCurrentLeaderboard(rankings.rankings_singleplayer); |
| 46 | } else if ( | 46 | } else if ( |
| 47 | currentLeaderboardType == RankingCategories.rankings_multiplayer | 47 | currentLeaderboardType === RankingCategories.rankings_multiplayer |
| 48 | ) { | 48 | ) { |
| 49 | setCurrentLeaderboard(rankings.rankings_multiplayer); | 49 | setCurrentLeaderboard(rankings.rankings_multiplayer); |
| 50 | } else { | 50 | } else { |
| @@ -59,11 +59,11 @@ const Rankings: React.FC = () => { | |||
| 59 | setLeaderboardLoad(false); | 59 | setLeaderboardLoad(false); |
| 60 | const rankings = await API.get_unofficial_rankings(); | 60 | const rankings = await API.get_unofficial_rankings(); |
| 61 | setLeaderboardData(rankings); | 61 | setLeaderboardData(rankings); |
| 62 | if (currentLeaderboardType == RankingCategories.rankings_singleplayer) { | 62 | if (currentLeaderboardType === RankingCategories.rankings_singleplayer) { |
| 63 | // console.log(_sort_rankings_steam(unofficialRanking.rankings_singleplayer)) | 63 | // console.log(_sort_rankings_steam(unofficialRanking.rankings_singleplayer)) |
| 64 | setCurrentLeaderboard(rankings.rankings_singleplayer); | 64 | setCurrentLeaderboard(rankings.rankings_singleplayer); |
| 65 | } else if ( | 65 | } else if ( |
| 66 | currentLeaderboardType == RankingCategories.rankings_multiplayer | 66 | currentLeaderboardType === RankingCategories.rankings_multiplayer |
| 67 | ) { | 67 | ) { |
| 68 | setCurrentLeaderboard(rankings.rankings_multiplayer); | 68 | setCurrentLeaderboard(rankings.rankings_multiplayer); |
| 69 | } else { | 69 | } else { |
| @@ -76,9 +76,9 @@ const Rankings: React.FC = () => { | |||
| 76 | }; | 76 | }; |
| 77 | 77 | ||
| 78 | const _set_current_leaderboard = (ranking_cat: RankingCategories) => { | 78 | const _set_current_leaderboard = (ranking_cat: RankingCategories) => { |
| 79 | if (ranking_cat == RankingCategories.rankings_singleplayer) { | 79 | if (ranking_cat === RankingCategories.rankings_singleplayer) { |
| 80 | setCurrentLeaderboard(leaderboardData!.rankings_singleplayer); | 80 | setCurrentLeaderboard(leaderboardData!.rankings_singleplayer); |
| 81 | } else if (ranking_cat == RankingCategories.rankings_multiplayer) { | 81 | } else if (ranking_cat === RankingCategories.rankings_multiplayer) { |
| 82 | setCurrentLeaderboard(leaderboardData!.rankings_multiplayer); | 82 | setCurrentLeaderboard(leaderboardData!.rankings_multiplayer); |
| 83 | } else { | 83 | } else { |
| 84 | setCurrentLeaderboard(leaderboardData!.rankings_overall); | 84 | setCurrentLeaderboard(leaderboardData!.rankings_overall); |
| @@ -87,19 +87,20 @@ const Rankings: React.FC = () => { | |||
| 87 | setCurrentLeaderboardType(ranking_cat); | 87 | setCurrentLeaderboardType(ranking_cat); |
| 88 | }; | 88 | }; |
| 89 | 89 | ||
| 90 | const _set_leaderboard_type = (leaderboard_type: LeaderboardTypes) => { | 90 | // unused func |
| 91 | if (leaderboard_type == LeaderboardTypes.official) { | 91 | // const _set_leaderboard_type = (leaderboard_type: LeaderboardTypes) => { |
| 92 | _fetch_rankings(); | 92 | // if (leaderboard_type === LeaderboardTypes.official) { |
| 93 | } else { | 93 | // _fetch_rankings(); |
| 94 | } | 94 | // } else { |
| 95 | }; | 95 | // } |
| 96 | // }; | ||
| 96 | 97 | ||
| 97 | useEffect(() => { | 98 | useEffect(() => { |
| 98 | _fetch_rankings(); | 99 | _fetch_rankings(); |
| 99 | if (load) { | 100 | if (load) { |
| 100 | _set_current_leaderboard(RankingCategories.rankings_singleplayer); | 101 | _set_current_leaderboard(RankingCategories.rankings_singleplayer); |
| 101 | } | 102 | } |
| 102 | }, [load]); | 103 | }, [load, RankingCategories.rankings_singleplayer]); |
| 103 | 104 | ||
| 104 | return ( | 105 | return ( |
| 105 | <main> | 106 | <main> |
| @@ -113,7 +114,7 @@ const Rankings: React.FC = () => { | |||
| 113 | _fetch_rankings(); | 114 | _fetch_rankings(); |
| 114 | setCurrentRankingType(LeaderboardTypes.official); | 115 | setCurrentRankingType(LeaderboardTypes.official); |
| 115 | }} | 116 | }} |
| 116 | className={`nav-1-btn ${currentRankingType == LeaderboardTypes.official ? 'selected' : ''}`} | 117 | className={`nav-1-btn ${currentRankingType === LeaderboardTypes.official ? 'selected' : ''}`} |
| 117 | > | 118 | > |
| 118 | <span>Official (LPHUB)</span> | 119 | <span>Official (LPHUB)</span> |
| 119 | </button> | 120 | </button> |
| @@ -122,7 +123,7 @@ const Rankings: React.FC = () => { | |||
| 122 | __dev_fetch_unofficial_rankings(); | 123 | __dev_fetch_unofficial_rankings(); |
| 123 | setCurrentRankingType(LeaderboardTypes.unofficial); | 124 | setCurrentRankingType(LeaderboardTypes.unofficial); |
| 124 | }} | 125 | }} |
| 125 | className={`nav-1-btn ${currentRankingType == LeaderboardTypes.unofficial ? 'selected' : ''}`} | 126 | className={`nav-1-btn ${currentRankingType === LeaderboardTypes.unofficial ? 'selected' : ''}`} |
| 126 | > | 127 | > |
| 127 | <span>Unofficial (Steam)</span> | 128 | <span>Unofficial (Steam)</span> |
| 128 | </button> | 129 | </button> |
| @@ -134,7 +135,7 @@ const Rankings: React.FC = () => { | |||
| 134 | onClick={() => | 135 | onClick={() => |
| 135 | _set_current_leaderboard(RankingCategories.rankings_singleplayer) | 136 | _set_current_leaderboard(RankingCategories.rankings_singleplayer) |
| 136 | } | 137 | } |
| 137 | className={`nav-2-btn ${currentLeaderboardType == RankingCategories.rankings_singleplayer ? 'selected' : ''}`} | 138 | className={`nav-2-btn ${currentLeaderboardType === RankingCategories.rankings_singleplayer ? 'selected' : ''}`} |
| 138 | > | 139 | > |
| 139 | <span>Singleplayer</span> | 140 | <span>Singleplayer</span> |
| 140 | </button> | 141 | </button> |
| @@ -142,7 +143,7 @@ const Rankings: React.FC = () => { | |||
| 142 | onClick={() => | 143 | onClick={() => |
| 143 | _set_current_leaderboard(RankingCategories.rankings_multiplayer) | 144 | _set_current_leaderboard(RankingCategories.rankings_multiplayer) |
| 144 | } | 145 | } |
| 145 | className={`nav-2-btn ${currentLeaderboardType == RankingCategories.rankings_multiplayer ? 'selected' : ''}`} | 146 | className={`nav-2-btn ${currentLeaderboardType === RankingCategories.rankings_multiplayer ? 'selected' : ''}`} |
| 146 | > | 147 | > |
| 147 | <span>Cooperative</span> | 148 | <span>Cooperative</span> |
| 148 | </button> | 149 | </button> |
| @@ -150,7 +151,7 @@ const Rankings: React.FC = () => { | |||
| 150 | onClick={() => | 151 | onClick={() => |
| 151 | _set_current_leaderboard(RankingCategories.rankings_overall) | 152 | _set_current_leaderboard(RankingCategories.rankings_overall) |
| 152 | } | 153 | } |
| 153 | className={`nav-2-btn ${currentLeaderboardType == RankingCategories.rankings_overall ? 'selected' : ''}`} | 154 | className={`nav-2-btn ${currentLeaderboardType === RankingCategories.rankings_overall ? 'selected' : ''}`} |
| 154 | > | 155 | > |
| 155 | <span>Overall</span> | 156 | <span>Overall</span> |
| 156 | </button> | 157 | </button> |