aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/pages/Rankings.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/src/pages/Rankings.tsx')
-rw-r--r--frontend/src/pages/Rankings.tsx34
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
146export default Rankings; 146export default Rankings;